API tools faq
paste
ninpen

violet

ninpen
Dec 19th, 2013
4,904
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <html lang="en">
  4. <head>
  5. <title>{Title}</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10.  
  11. <meta name="if:400px" content="1"/>
  12. <meta name="if:500px" content=""/>
  13. <meta name="if:250px" content=""/>
  14. <meta name="if:EndlessScroll" content=""/>
  15. <meta name="if:showCaption" content="0"/>
  16. <meta name="if:grayscale" content="0"/>
  17.  
  18. <meta name="color:bold" content="#ffbf1e"/>
  19. <meta name="color:italic" content="#FF8F97"/>
  20. <meta name="color:underline" content="#FFB866"/>
  21.  
  22. <meta name="color:topbg" content="#ffe8e8"/>
  23. <meta name="color:topborder" content="#ffffff"/>
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:text" content="#a0a0a0"/>
  26. <meta name="color:thm link" content="#aaaaaa"/>
  27. <meta name="color:thm link hover" content="#bbbbbb"/>
  28.  
  29. <meta name="color:side link" content="#bbbbbb"/>
  30. <meta name="color:side link bg" content="#ffffff"/>
  31. <meta name="color:side link bg-hover" content="#ffffff"/>
  32. <meta name="color:side link hover" content="#ffaaa6"/>
  33.  
  34. <meta name="color:navi link" content="#c0c0c0"/>
  35. <meta name="color:navi link border" content="#fafafa"/>
  36. <meta name="color:navibg" content="#ffffff"/>
  37. <meta name="color:navi link-hover" content="#FE6960"/>
  38. <meta name="color:navibg hover" content="#ffffff"/>
  39. <meta name="color:navibox" content="#f2f2f2"/>
  40. <meta name="color:navibox hover" content="#AFFBFF"/>
  41.  
  42. <meta name="color:postsbg" content="#ffffff"/>
  43. <meta name="color:postborder" content="#fafafa"/>
  44. <meta name="color:post link" content="#FEBF97"/>
  45. <meta name="color:post link-hover" content="#aaaaaa"/>
  46. <meta name="color:post linkbg-hover" content="#fafafa"/>
  47. <meta name="color:caption BG" content="#fefefe"/>
  48.  
  49. <meta name="color:datebg" content="#fbfbfb"/>
  50. <meta name="color:date" content="#cccccc"/>
  51. <meta name="color:notesbg" content="#AFFBFF"/>
  52. <meta name="color:notes" content="#6d9c9f"/>
  53. <meta name="color:reblogbg" content="#FEFAC2"/>
  54. <meta name="color:reblogbg-hover" content="#fbfbfb"/>
  55. <meta name="color:reblog" content="#C3BE78"/>
  56. <meta name="color:reblog-hover" content="#ffffff"/>
  57. <meta name="color:tagBG" content="#fcfcfc"/>
  58. <meta name="color:tag" content="#c0c0c0"/>
  59. <meta name="color:tagBG-hover" content="#FE6960"/>
  60. <meta name="color:tag-hover" content="#ffffff"/>
  61. <meta name="color:blockquote border" content="#FE6960"/>
  62.  
  63. <meta name="color:asker BG" content="#fafafa"/>
  64. <meta name="color:asker name" content="#a59899"/>
  65. <meta name="color:asker border" content="#FEBF97"/>
  66. <meta name="color:description bg" content="#fefefe"/>
  67. <meta name="color:description" content="#c0c0c0"/>
  68.  
  69. <meta name="color:h1" content="#bbbbbb"/>
  70. <meta name="color:h1 border" content="#7FDBCC"/>
  71. <meta name="color:h1 BG" content="#fafafa"/>
  72. <meta name="color:h2" content="#cccccc"/>
  73. <meta name="color:h2 link" content="#7FDBCC"/>
  74. <meta name="color:h1 BG" content="#000000"/>
  75. <meta name="color:chat line 1" content="#f7f7f7"/>
  76. <meta name="color:chat line 2" content="#f5f5f5"/>
  77. <meta name="color:pagination BG" content="#fdfdfd"/>
  78. <meta name="color:pagination text" content="#c0c0c0"/>
  79. <meta name="color:current page BG" content="#FEBF97"/>
  80. <meta name="color:audio BG" content="#ffffff"/>
  81. <meta name="color:audio text BG" content="#f7f7f7"/>
  82. <meta name="color:audio border" content="#f4f4f4"/>
  83.  
  84. <meta name="color:top color1" content="#AFFBFF"/>
  85. <meta name="color:top color2" content="#FEFAC2"/>
  86. <meta name="color:top color3" content="#FEBF97"/>
  87. <meta name="color:top color4" content="#FE6960"/>
  88. <meta name="color:top color5" content="#D2FDFE"/>
  89.  
  90. <meta name="text:Custom Link One" content=""/>
  91. <meta name="text:Custom Link One URL" content=""/>
  92. <meta name="text:Custom Link Two" content=""/>
  93. <meta name="text:Custom Link Two URL" content=""/>
  94. <meta name="text:Custom Link Three" content=""/>
  95. <meta name="text:Custom Link Three URL" content=""/>
  96. <meta name="text:Custom Link Four" content=""/>
  97. <meta name="text:Custom Link Four URL" content=""/>
  98. <meta name="text:Custom Link Five" content=""/>
  99. <meta name="text:Custom Link Five URL" content=""/>
  100. <meta name="text:Custom Link Six" content=""/>
  101. <meta name="text:Custom Link Six URL" content=""/>
  102. <meta name="text:Custom Link Seven" content=""/>
  103. <meta name="text:Custom Link Seven URL" content=""/>
  104. <meta name="text:Custom Link Eight" content=""/>
  105. <meta name="text:Custom Link Eight URL" content=""/>
  106. <meta name="text:Custom Link Nine" content=""/>
  107. <meta name="text:Custom Link Nine URL" content=""/>
  108. <meta name="text:Custom Link Ten" content=""/>
  109. <meta name="text:Custom Link Ten URL" content=""/>
  110.  
  111. <meta name="image:background image" content=""/>
  112. <meta name="image:topbg" content="http://static.tumblr.com/1f1tzta/qkbmolsxr/nam.png"/>
  113. <meta name="image:portrait" content="http://static.tumblr.com/1f1tzta/4uMm9stnu/untitled-1.png"/>
  114. <meta name="image:ruler" content="http://static.tumblr.com/1f1tzta/HfFmolpdj/ruler.png"/>
  115.  
  116. {block:IfEndlessScroll}
  117. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  118.  
  119. <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/0wvmlf1xq/scripted.js"></script>
  120.  
  121.  
  122. <style type="text/css">
  123. ::-webkit-scrollbar {width: 3px;height: 4px;background-color:#fff;
  124. }::-webkit-scrollbar-thumb {background-color:#FEBF97;}
  125.  
  126. #tumblr_controls {
  127. -webkit-filter: invert(100%);
  128. -moz-filter: invert(100%);
  129. -o-filter: invert(100%);
  130. -ms-filter: invert(100%);
  131. filter: invert(100%);
  132. opacity:.2;
  133. transition: .8s ease-in-out;
  134. -webkit-transition: .8s ease-in-out;
  135. -moz-transition: .8s ease-in-out;
  136. -o-transition: .8s ease-in-out;
  137. }
  138.  
  139. #tumblr_controls:hover{
  140. opacity:.3;
  141. transition: .8s ease-in-out;
  142. -webkit-transition: .8s ease-in-out;
  143. -moz-transition: .8s ease-in-out;
  144. -o-transition: .8s ease-in-out;
  145. }
  146.  
  147. body,html{
  148. word-wrap: break-word;
  149. font-family:trebuchet ms;
  150. font-size: 10px;
  151. color: {color:text};
  152. background:{color:Background} url({image:background image}) repeat right top fixed;
  153. margin:0;
  154. padding:0;
  155. height:100%;
  156. }
  157.  
  158. .NINCREDIT a{
  159. color:{color:thm link};
  160. }
  161.  
  162. .NINCREDIT a:hover{
  163. color:{color:thm link hover};
  164. }
  165.  
  166. a:link, a:active, a:visited{
  167. text-decoration:none;
  168. -webkit-transition: .6s ease-in-out;
  169. }
  170.  
  171. a:hover {
  172. -webkit-transition: .6s ease-in-out;
  173. }
  174.  
  175. h1{
  176. margin-top:0;
  177. text-align:right;
  178. font:9px/15px "century gothic";
  179. letter-spacing:1px;
  180. text-transform: uppercase;
  181. background-color:{color:h1 BG};
  182. color:{color:h1};
  183. border-left:20px solid {color:h1 border};
  184. }
  185.  
  186. h2{
  187. font:10px/10px century gothic;
  188. text-transform:uppercase;
  189. display:block;
  190. letter-spacing:2px;
  191. margin-bottom:0;
  192. padding:1px;
  193. margin-top:15px;
  194. background-color:{color:h2 BG};
  195. color:{color:h2 text};
  196. }
  197.  
  198. a h1{
  199. color:{color:h1};
  200. }
  201.  
  202. a h1:hover{
  203. color:{color:h1 border};
  204. }
  205.  
  206. a h2{
  207. color:{color:h2};
  208. }
  209.  
  210. a h2:hover{
  211. background:{color:h2};
  212. color:{color:h2 BG};
  213. }
  214.  
  215. b,strong{
  216. color:{color:bold};
  217. }
  218.  
  219. i,em{
  220. color:{color:italic};
  221. }
  222.  
  223. u{
  224. color:{color:underline};
  225. }
  226.  
  227. .source{
  228. font:italic 7px/8px trebuchet ms;
  229. text-transform:uppercase;
  230. letter-spacing:1px;
  231. color:{color:Text};
  232. }
  233.  
  234. img{
  235. max-width:100%;
  236. opacity:.9;
  237. {block:Ifgrayscale}
  238. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  239. filter: gray;
  240. -webkit-filter: grayscale(100%);
  241. {/block:Ifgrayscale}
  242. }
  243.  
  244. #topsie{
  245. position:fixed;
  246. top:0;
  247. left:0;
  248. width:100%;
  249. height:40px;
  250. background:{color:topbg} url('{image:topbg}') no-repeat center center;
  251. border-bottom:1px solid {color:topborder};
  252. z-index:999;
  253. }
  254.  
  255. #colour-bar {
  256. position:fixed;
  257. left:0;
  258. top:41px;
  259. width:100%;
  260. height:1px;
  261. z-index:999;
  262. overflow:hidden;
  263. }
  264.  
  265. #rul{
  266. position:fixed;
  267. top:42px;
  268. left:0;
  269. height:13px;
  270. width:100%;
  271. background:{color:background} url('{image:ruler}') repeat-x right top;
  272. opacity:.5;
  273. }
  274.  
  275. .colour-part {
  276. width:20%;
  277. height:100%;
  278. float:left;
  279. }
  280.  
  281. #side{
  282. float:right;
  283. vertical-align:top;
  284. width:200px;
  285. position:fixed;
  286. top:100px;
  287. font:7px/10px trebuchet ms;
  288. text-transform:uppercase;
  289. letter-spacing:1px;
  290. {block:IndexPage}
  291. {block:If250px}margin-left:350px;{/block:If250px}
  292. {block:If400px}margin-left:500px;{/block:If400px}
  293. {block:If500px}margin-left:600px;{/block:If500px}
  294. {/block:IndexPage}
  295. {block:PermalinkPage}margin-left:600px;{/block:PermalinkPage}
  296. }
  297.  
  298. .portrait img{
  299. float:left;
  300. width:40px;
  301. padding:10px;
  302. border-radius:100px;
  303. background:{color:postsbg};
  304. border:1px solid {color:post-border};
  305. }
  306.  
  307. #side a{
  308. color:{color:side link};
  309. background:{color:side link bg};
  310. }
  311.  
  312. #side a:hover{
  313. color:{color:side link hover};
  314. background:{color:side link bg-hover};
  315. }
  316.  
  317. .abt{
  318. font:8px/12px century gothic;
  319. letter-spacing:1px;
  320. text-transform:uppercase;
  321. text-align:center;
  322. color:{color:description};
  323. background:{color:description bg};
  324. display:block;
  325. }
  326.  
  327. #navi{
  328. width:200px;
  329. position:relative;
  330. display:block;
  331. margin-top:20px;
  332. vertical-align:top;
  333. }
  334.  
  335. #navi a{
  336. font:8px/12px century gothic;
  337. letter-spacing:1px;
  338. text-transform:uppercase;
  339. color:{color:navi link};
  340. display:block;
  341. background:{color:navibg};
  342. padding:5px 0;
  343. border-bottom:1px {color:navi link border} dotted;
  344. }
  345.  
  346. #navi a:hover{
  347. color:{color:navi link-hover};
  348. background:{color:navibg-hover};
  349. }
  350.  
  351. #nb{
  352. position:relative;
  353. margin:4px 10px 0 0;
  354. float:left;
  355. z-index:9;
  356. width:10px;
  357. height:10px;
  358. background:transparent;
  359. border-radius:2px;
  360. border:1px solid {color:navibox};
  361. }
  362.  
  363. #bo{
  364. position:absolute;
  365. margin:9px 0 0 5px;
  366. width:2px;
  367. height:2px;
  368. opacity:0;
  369. background:{color:navibox hover};
  370. }
  371.  
  372. #bn{
  373. position:relative;
  374. margin:4px 10px 0 0;
  375. float:left;
  376. z-index:9;
  377. width:10px;
  378. height:10px;
  379. background:transparent;
  380. border-radius:2px;
  381. border:1px solid {color:navibox};
  382. }
  383.  
  384. #navi c:hover #bn{
  385. background:{color:navibox hover};
  386. border:0px solid #000;
  387. margin-right:12px;
  388. }
  389.  
  390. #navi b{
  391. position:relative;
  392. display:block;
  393. }
  394.  
  395. #navi b:hover #bo{
  396. opacity:1;
  397. }
  398.  
  399. .nav{
  400. margin-right:12px;
  401. }
  402.  
  403. #center{
  404. margin:0 auto;
  405. height:100%;
  406. {block:IndexPage}
  407. {block:If250px}width:550px;{/block:If250px}
  408. {block:If400px}width:700px;{/block:If400px}
  409. {block:If500px}width:800px;{/block:If500px}
  410. {/block:IndexPage}
  411. {block:PermalinkPage}width:800px;{/block:PermalinkPage}
  412. }
  413.  
  414. #contents{
  415. margin-top:100px;
  416. display:inline-block;
  417. vertical-align:top;
  418. {block:IndexPage}
  419. {block:If250px}width:262px;{/block:If250px}
  420. {block:If400px}width:420px;{/block:If400px}
  421. {block:If500px}width:530px;{/block:If500px}
  422. {/block:IndexPage}
  423. {block:PermalinkPage}width:530px;{/block:PermalinkPage}
  424. }
  425.  
  426. #posts{
  427. position:relative;
  428. width:500px;
  429. padding:10px;
  430. background:{color:postsbg};
  431. margin-bottom:50px;
  432. border:1px solid {color:postborder};
  433. {block:IndexPage}
  434. {block:If250px}width:250px;{/block:If250px}
  435. {block:If400px}width:400px;{/block:If400px}
  436. {block:If500px}width:500px;{/block:If500px}
  437. {/block:IndexPage}
  438. {block:PermalinkPage}
  439. width:500px;
  440. {/block:PermalinkPage}
  441. }
  442.  
  443. #posts img{
  444. display:block;
  445. }
  446.  
  447. #posts img{
  448. opacity:.8;
  449. transition: .8s ease-in-out;
  450. -webkit-transition: .8s ease-in-out;
  451. -moz-transition: .8s ease-in-out;
  452. -o-transition: .8s ease-in-out;
  453. }
  454.  
  455. #posts img:hover{
  456. opacity:1;
  457. filter: grayscale(50%);
  458. -webkit-filter: grayscale(50%);
  459. -moz-filter: grayscale(50%);
  460. -o-filter: grayscale(50%);
  461. -ms-filter: grayscale(50%);
  462. transition: .8s ease-in-out;
  463. -webkit-transition: .8s ease-in-out;
  464. -moz-transition: .8s ease-in-out;
  465. -o-transition: .8s ease-in-out;
  466. }
  467.  
  468. #posts a{
  469. color:{color:post link};
  470. }
  471.  
  472. #posts a:hover{
  473. color:{color:post link-hover};
  474. background:{color:post linkbg-hover};
  475. }
  476.  
  477. #cap{
  478. margin:10px 0 -11px -11px;
  479. border-top:1px solid {color:postborder};
  480. background:{color:caption BG};
  481. padding:5px;
  482. {block:IndexPage}
  483. {block:If250px}width:262px;{/block:If250px}
  484. {block:If400px}width:412px;{/block:If400px}
  485. {block:If500px}width:512px;{/block:If500px}
  486. {/block:IndexPage}
  487. {block:PermalinkPage}
  488. width:512px;
  489. {/block:PermalinkPage}
  490. }
  491.  
  492. #cap a{
  493. color:{color:post link};
  494. }
  495.  
  496. #cap a:hover{
  497. color:{color:post link-hover};
  498. background:{color:post linkbg-hover};
  499. }
  500.  
  501. #player{
  502. position:relative;
  503. }
  504.  
  505. .tumblr_audio_player {
  506. position:relative;
  507. width:210px;
  508. height: 40px;
  509. }
  510.  
  511. .player{
  512. z-index:123456 !important;
  513. position:Absolute;
  514. display:block;
  515. right:0;
  516. top:0;
  517. border-top:1px solid #d9d9d9;
  518. border-bottom:1px solid #d9d9d9;
  519. border-right:1px solid #d9d9d9;
  520. height:38px;
  521. background:white;
  522. border-radius:2px 0 2px 0;
  523. {block:IndexPage}
  524. {block:If250px}width:42px;{/block:If250px}
  525. {block:If400px}width:190px;{/block:If400px}
  526. {block:If500px}width:290px;{/block:If500px}
  527. {/block:IndexPage}
  528. {block:PermalinkPage}
  529. width:290px;
  530. {/block:PermalinkPage}
  531. }
  532.  
  533. #ansname{
  534. display:block;
  535. height:10px;
  536. padding:5px 0;
  537. background:{color:asker BG};
  538. text-align:right;
  539. }
  540.  
  541. #ansname a{
  542. background:transparent;
  543. color:{color:asker name};
  544. font:italic 22px "Times New Roman", Times, serif;
  545. text-transform: lowercase;
  546. letter-spacing: -2px;
  547. border-bottom:1px dotted {color:asker border};
  548. }
  549.  
  550. #ansname a:hover{
  551. background:transparent;
  552. color:{color:asker border};
  553. border-bottom:1px dotted {color:asker name};
  554. }
  555.  
  556. #ansicon img{
  557. width:30px;
  558. height:30px;
  559. margin:0 5px 5px 5px;
  560. z-index:1;
  561. padding:2px;
  562. float:left;
  563. border:1px solid {color:post-border};
  564. background:{color:postsbg};
  565. border-radius:3px;
  566. }
  567.  
  568. #question p{
  569. text-align:left;
  570. vertical-align:top;
  571. margin:0;
  572. padding-bottom:10px;
  573. border-bottom:1px dotted {color:post-border};
  574. }
  575.  
  576. #question{
  577. margin-top:5px;
  578. vertical-align:top;
  579. padding:10px;
  580. background:{color:postsbg};
  581. min-height:30px;
  582. display:block;
  583. margin-bottom:10px;
  584. }
  585.  
  586. #answer{
  587. margin-bottom:5px;
  588. display:block;
  589. padding:5px;
  590. font-style:italic;
  591. }
  592.  
  593. #perma{
  594. position:absolute;
  595. bottom:-17px;
  596. {block:IndexPage}
  597. width:160px;
  598. right:0;
  599. {/block:IndexPage}
  600. {block:PermalinkPage}
  601. width:500px;
  602. {/block:PermalinkPage}
  603. }
  604.  
  605. #perma img{
  606. display:inline-block;
  607. float:right;
  608. margin-left:5px;
  609. vertical-align:top;
  610. }
  611.  
  612. .date{
  613. background:{color:datebg};
  614. display:inline-block;
  615. font:italic 7px/7px trebuchet ms;
  616. text-transform:uppercase;
  617. letter-spacing:1px;
  618. padding:1px;
  619. margin-right:-3px;
  620. color:{color:date};
  621. }
  622.  
  623. .notes{
  624. display:inline;
  625. background:{color:notesbg};
  626. color:{color:notes};
  627. font:italic 7px/7px trebuchet ms;
  628. text-transform:uppercase;
  629. letter-spacing:1px;
  630. padding:0px 3px;
  631. }
  632.  
  633. .reb{
  634. display:inline;
  635. background:{color:reblogbg};
  636. font:italic 7px/7px trebuchet ms;
  637. text-transform:uppercase;
  638. padding:0 3px;
  639. }
  640.  
  641. .reb a{color:{color:reblog};}
  642. .reb:hover{background:{color:reblog-hover};}
  643. .reb a:hover{color:{color:reblog-hover};}
  644.  
  645. .tags{
  646. width:250px;
  647. text-align:Center;
  648. }
  649.  
  650. .tags a{
  651. background:{color:tagBG}c;
  652. color:{color:tag};
  653. font:italic 7px trebuchet ms;
  654. padding:0 3px;
  655. text-transform:uppercase;
  656. line-height:9px;
  657. letter-spacing:2px;
  658. margin-left:5px;
  659. }
  660.  
  661. .tags a:hover{
  662. background:{color:tagBG-hover};
  663. color:{color:tag-hover};
  664. }
  665.  
  666. blockquote{
  667. padding:5px;
  668. border-left:1px solid {color:blockquote border};
  669. }
  670.  
  671. ul{
  672. list-style-type:square;
  673. }
  674.  
  675. li{
  676. list-style-type:square;
  677. font-family:calibri;
  678. }
  679.  
  680. ol.notes li.note {
  681. list-style-type:none;
  682. border-top:1px solid {color:post-border};
  683. padding: 10px;
  684. font:7px trebuchet ms;
  685. letter-spacing:1px;
  686. text-transform:uppercase;
  687. }
  688.  
  689. ol.notes a{
  690. color:{color:post link};
  691. }
  692.  
  693. ol.notes li.note img.avatar {
  694. list-style-type:none;
  695. vertical-align: bottom;
  696. margin-right: 10px;
  697. width: 16px;
  698. height: 16px;
  699. padding:5px;
  700. border:1px solid {color:post-border};
  701. }
  702.  
  703. ol.notes li.note span.action {
  704. position:relative;
  705. top:-10px;
  706. list-style-type:none;
  707. font-weight:normal;
  708. }
  709.  
  710. ol.notes li.note .answer_content {
  711. list-style-type:none;
  712. font-weight: normal;
  713. }
  714.  
  715. ul.chat {
  716. margin: 0;
  717. padding: 0;
  718. }
  719.  
  720. .chat li {
  721. list-style-type: none;
  722. margin-left: 0px;
  723. padding: 3px;
  724. font:7px trebuchet ms;
  725. letter-spacing:1px;
  726. text-transform:uppercase;
  727. }
  728.  
  729. .chat li.odd {
  730. margin-bottom: 3px;
  731. background-color:{color:chat line 1};
  732. color: {color:text};
  733. }
  734.  
  735. .chat li.even {
  736. margin-bottom: 3px;
  737. background-color:{color:chat line 2};
  738. color: {color:text};
  739. }
  740.  
  741. .label {
  742. font-weight: bold;
  743. letter-spacing:2px;
  744. }
  745.  
  746. ul{
  747. list-style-type:none;
  748. }
  749.  
  750. li{
  751. padding:2px 5px;
  752. list-style-type:square;
  753. font-family:calibri;
  754. }
  755.  
  756. li a{
  757. font:8px cambria;
  758. text-transform:uppercase;
  759. letter-spacing:1px;
  760. }
  761.  
  762. #pages {
  763. padding:3px 10px;
  764. margin:0 auto;
  765. }
  766.  
  767. .current_page {
  768. display: inline-block;
  769. padding:3px 4px;
  770. width:8px;
  771. height:10px;
  772. text-align: center;
  773. font-style:italic;
  774. line-height: 8px;
  775. font-family: trebuchet ms;
  776. font-size: 8px;
  777. text-decoration: none;
  778. background:{color:current page BG};
  779. border-radius:20px;
  780. color:transparent;
  781. }
  782.  
  783. #pages a {
  784. margin-left:3px;
  785. display: inline-block;
  786. padding:3px 4px;
  787. width:8px;
  788. height:10px;
  789. text-align: center;
  790. font-style:italic;
  791. line-height: 8px;
  792. border-radius:20px;
  793. font-family: trebuchet ms;
  794. font-size: 8px;
  795. text-decoration: none;
  796. background-color:{color:pagination BG};
  797. color:{color:pagination text};
  798. }
  799. </style>
  800. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  801. <script type="text/javascript">
  802. $(function() {
  803. $.fn.scrollToTop = function() {
  804. $(this).hide().removeAttr("href");
  805. if ($(window).scrollTop() != "0") {
  806. $(this).fadeIn("slow")
  807. }
  808. var scrollDiv = $(this);
  809. $(window).scroll(function() {
  810. if ($(window).scrollTop() == "0") {
  811. $(scrollDiv).fadeOut("slow")
  812. } else {
  813. $(scrollDiv).fadeIn("slow")
  814. }
  815. });
  816. $(this).click(function() {
  817. $("html, body").animate({
  818. scrollTop: 0
  819. }, "slow")
  820. })
  821. }
  822. });
  823. $(function() {
  824. $("#scrlTop").scrollToTop();
  825. });
  826. </script>
  827. </head>
  828. <body>
  829.  
  830.  
  831. <div id="center">
  832. <div id="content">
  833. {block:IfEndlessScroll}
  834. <a id="scrlTop" href="#"><img src="http://static.tumblr.com/1f1tzta/SMJmu4k4i/up.png"></a>
  835. {/block:IfEndlessScroll}
  836.  
  837.  
  838. <a href="/"><div id="topsie"></div></a>
  839. <div id="colour-bar">
  840. <div class="colour-part" style="background-color:{color:top color1};"></div>
  841. <div class="colour-part" style="background-color:{color:top color2};"></div>
  842. <div class="colour-part" style="background-color:{color:top color3};"></div>
  843. <div class="colour-part" style="background-color:{color:top color4};"></div>
  844. <div class="colour-part" style="background-color:{color:top color5};"></div>
  845. </div>
  846. <div id="rul"></div>
  847.  
  848.  
  849.  
  850.  
  851. <div id="side">
  852.  
  853. <div class="abt">
  854. <div class="portrait"><img src="{image:portrait}"></div>
  855. {description}
  856. </div>
  857.  
  858. <div id="navi" class="nav">
  859. <c><div id="bn"></div><a href="/">Index</a></c>
  860. <c><div id="bn"></div><a href="/ask">Inbox</a></c>
  861. <c><div id="bn"></div><a href="/archive">Archive</a></c>
  862. </div>
  863.  
  864. <div id="navi">
  865. {block:IfCustomLinkOne}<div id="nb"></div><b><div id="bo"></div><a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}"> {text:Custom Link One}</a></b>{/block:IfCustomLinkOne}
  866.  
  867. {block:IfCustomLinkTwo}<div id="nb"></div><b><div id="bo"></div><a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}"> {text:Custom Link Two}</a></b>{/block:IfCustomLinkTwo}
  868.  
  869. {block:IfCustomLinkThree}<div id="nb"></div><b><div id="bo"></div><a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}"> {text:Custom Link Three}</a></b>{/block:IfCustomLinkThree}
  870.  
  871. {block:IfCustomLinkFour}<div id="nb"></div> <b><div id="bo"></div><a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}"> {text:Custom Link Four}</a></b>{/block:IfCustomLinkFour}
  872.  
  873. {block:IfCustomLinkFive}<div id="nb"></div> <b><div id="bo"></div><a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}"> {text:Custom Link Five}</a></b>{/block:IfCustomLinkFive}
  874. </div>
  875.  
  876.  
  877. <div id="navi" class="nav">
  878. {block:IfCustomLinkSix}<div id="nb"></div><b><div id="bo"></div><a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}"> {text:Custom Link Six}</a></b>{/block:IfCustomLinkSix}
  879.  
  880. {block:IfCustomLinkSeven}<div id="nb"></div> <b><div id="bo"></div><a href="{block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/block:IfCustomLinkSevenURL}">{text:Custom Link Seven}</a></b>{/block:IfCustomLinkSeven}
  881.  
  882. {block:IfCustomLinkEight}<div id="nb"></div> <b><div id="bo"></div><a href="{block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/block:IfCustomLinkEightURL}">{text:Custom Link Eight}</a></b>{/block:IfCustomLinkEight}
  883.  
  884. {block:IfCustomLinkNine}<div id="nb"></div> <b><div id="bo"></div><a href="{block:IfCustomLinkNineURL}{text:Custom Link Nine URL}{/block:IfCustomLinkNineURL}">{text:Custom Link Nine}</a></b>{/block:IfCustomLinkNine}
  885.  
  886. {block:IfCustomLinkTen}<div id="nb"></div> <b><div id="bo"></div><a href="{block:IfCustomLinkTenURL}{text:Custom Link Ten URL}{/block:IfCustomLinkTenURL}">{text:Custom Link Ten}</a></b>{/block:IfCustomLinkTen}
  887. </div>
  888.  
  889.  
  890. {block:IfNotEndlessScroll}
  891. {block:Pagination}
  892. <center>
  893. <div id="pages">
  894. {block:PreviousPage}
  895. <a href="{PreviousPage}" style="font-size:10px;"><</a>
  896. {/block:PreviousPage}
  897. {block:JumpPagination length="5"}
  898. {block:CurrentPage}
  899.  
  900. <span class="current_page">{PageNumber}</span>
  901. {/block:CurrentPage}
  902. {block:JumpPage}
  903.  
  904. <a class="jump_page" href="{URL}">{PageNumber}</a>
  905.  
  906. {/block:JumpPage}
  907. {/block:JumpPagination}
  908.  
  909. {block:NextPage}
  910. <a href="{NextPage}" style="font-size:10px;">></a>
  911. {/block:NextPage}
  912. </div>
  913. </center>
  914. {/block:Pagination}
  915. {/block:IfNotEndlessScroll}
  916. </div>
  917.  
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926. <div id="contents">
  927. {block:Posts}
  928. <div id="posts">
  929.  
  930.  
  931. {block:Text}
  932. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  933. {Body}
  934. {/block:Text}
  935.  
  936.  
  937. {block:Link}
  938. <a href="{URL}"><h1>{Name}</h1></a>
  939. {block:Description}{Description}{/block:Description}
  940. {block:Link}
  941.  
  942.  
  943.  
  944. {block:Photo}
  945. {block:IndexPage}
  946. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  947. {/block:IndexPage}
  948. {block:PermalinkPage}
  949. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  950. {/block:PermalinkPage}
  951. {/block:photo}
  952.  
  953.  
  954.  
  955. {block:Photoset}
  956. {block:IndexPage}
  957. {block:If250px}{Photoset-250}{/block:If250px}
  958. {block:If400px}{Photoset-400}{/block:If400px}
  959. {block:If500px}{Photoset-500}{/block:If500px}
  960. {/block:IndexPage}
  961. {block:PermalinkPage}
  962. {Photoset-500}
  963. {/block:PermalinkPage}
  964. {/block:Photoset}
  965.  
  966.  
  967. {block:Quote}
  968. <h1>{Quote}</h1>
  969. {block:Source}
  970. <div class="source">- {Source}</div>
  971. {/block:Source}
  972. {/block:Quote}
  973.  
  974.  
  975.  
  976.  
  977.  
  978. {block:Chat}
  979. {block:Title}
  980. <center><h3><a href="{Permalink}">{Title}</a></h3></center>
  981. {/block:Title}
  982. <ul class="chat">
  983. {block:Lines}
  984. <li class="{Alt} user_{UserNumber}">
  985. {block:Label}
  986. <span class="label">{Label}</span>
  987. {/block:Label}
  988. {Line}
  989. </li>
  990. {/block:Lines}
  991. </ul>
  992. {/block:Chat}
  993.  
  994.  
  995.  
  996. {block:Audio}
  997. <div id="player">{AudioPlayerWhite} <div class="player"></div></div>
  998. {block:TrackName}<b>song:</b> {TrackName}{/block:TrackName}<br>
  999. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}<br>
  1000. {block:Album}<b>albump:</b> {Album}{/block:Album}<br>
  1001. {block:PlayCount}<b>plays:</b> {FormattedPlayCount}{/block:PlayCount}
  1002. {/block:Audio}
  1003.  
  1004.  
  1005.  
  1006.  
  1007. {block:answer}
  1008. <div id="ansname"><a href="{Permalink}">{Asker}</a></div>
  1009. <div id="question"><div id="ansicon"><img src="{AskerPortraitURL-48}"></div><p>{Question}</p></div>
  1010. <div id="answer">{Answer}</div>
  1011. {/block:Answer}
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017. {block:Video}
  1018. {block:IndexPage}
  1019. {block:If250px}{Video-250}{/block:If250px}
  1020. {block:If400px}{Video-400}{/block:If400px}
  1021. {block:If500px}{Video-500}{/block:If500px}
  1022. {/block:IndexPage}
  1023. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1024. {/block:Video}
  1025.  
  1026.  
  1027.  
  1028.  
  1029. {block:IndexPage}
  1030. {block:IfshowCaption}
  1031. {block:Caption}
  1032. <div id="cap">{Caption}</div>
  1033. {/block:Caption}
  1034. {/block:IfshowCaption}
  1035. {/block:IndexPage}
  1036.  
  1037. {block:PermalinkPage}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1038.  
  1039.  
  1040.  
  1041. <div id="perma">
  1042. <div class="date">
  1043. {block:Date}
  1044. {block:IndexPage}<a href="{permalink}">{TimeAgo}</a>{/block:IndexPage}
  1045. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}{/block:Date}</div>
  1046. <div class="notes">{NoteCount}</div>
  1047. <a class="reb" href="{ReblogUrl}">R</a>
  1048.  
  1049.  
  1050. {block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>
  1051. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a>
  1052. {/block:RebloggedFrom}
  1053. </div>
  1054.  
  1055.  
  1056. {block:HasTags}
  1057. <div class="tags">
  1058. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1059. </div>
  1060. {/block:HasTags}
  1061.  
  1062.  
  1063. </div>
  1064.  
  1065.  
  1066.  
  1067. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1068.  
  1069. {block:ContentSource}
  1070. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1071. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1072. {/block:SourceLogo}
  1073. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1074. {/block:ContentSource}
  1075. {/block:Posts}
  1076.  
  1077.  
  1078.  
  1079. </div>
  1080.  
  1081. </body>
  1082. </html>
Advertisement
Add Comment
Please, Sign In to add comment
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!