API tools faq
paste
ninpen

CiN

ninpen
Jun 8th, 2012
5,003
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-------------------------------
  4.  
  5. CiN BY NINPEN.TUMBLR.COM
  6. DO NOT REMOVE THE CREDIT.
  7. HOW TO INSTALL
  8.  
  9. 1. Click on customize theme then click on edit HTML
  10. 2. delete the entire code, and replace it with the code for this theme
  11. 3. Click on update preview then click on appearance.
  12. 4. Click save. Now refresh the screen. Now you can customize the appearance
  13. ___________________________________________________________________________
  14.  
  15. If there's a problem with the theme, or you need help, just ask me.
  16. --------------------------------->
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  21. <meta name="if:400px" content="1"/>
  22. <meta name="if:500px" content=""/>
  23. <meta name="if:250px" content=""/>
  24. <meta name="if:EndlessScroll" content=""/>
  25. <meta name="if:showCaption" content="0"/>
  26. <meta name="if:grayscale" content="0"/>
  27.  
  28. <meta name="color:bold" content="#7ae1f5"/>
  29. <meta name="color:italic" content="#FF8F97"/>
  30. <meta name="color:underline" content="#7FDBCC"/>
  31.  
  32. <meta name="color:description BG" content="#f5f5f5"/>
  33. <meta name="color:description" content="#868686"/>
  34. <meta name="color:pagination BG" content="#101010"/>
  35. <meta name="color:pagination" content="#ffffff"/>
  36. <meta name="color:background" content="#ffffff"/>
  37. <meta name="color:answer BG" content="#fafafa"/>
  38. <meta name="color:answer" content="#fafafa"/>
  39. <meta name="color:question BG" content="#f5f5f5"/>
  40. <meta name="color:answer img border" content="#f0f0f0"/>
  41. <meta name="color:question text" content="#939393"/>
  42. <meta name="color:border" content="#fafafa"/>
  43. <meta name="color:perma border" content="#414141"/>
  44. <meta name="color:text" content="#7c7c7c"/>
  45. <meta name="color:thm link" content="#aaaaaa"/>
  46. <meta name="color:thm link hover" content="#bbbbbb"/>
  47. <meta name="color:posts" content="#ffffff"/>
  48. <meta name="color:sidebg" content="#ffffff"/>
  49. <meta name="color:caption BG" content="#fafafa"/>
  50.  
  51. <meta name="color:blockquote border" content="#f5f5f5"/>
  52. <meta name="color:blockquoteBG" content="#fafafa"/>
  53. <meta name="color:perma BG" content="#000000"/>
  54. <meta name="color:perma text" content="#fefefe"/>
  55. <meta name="color:perma notes" content="#ffffff"/>
  56. <meta name="color:tagBG" content="#000000"/>
  57. <meta name="color:tag" content="#d4d4d4"/>
  58.  
  59. <meta name="color:h1 link" content="#ffffff"/>
  60. <meta name="color:h2 BG" content="#ffffff"/>
  61. <meta name="color:h2 link" content="#ffd3b5"/>
  62. <meta name="color:h1 BG" content="#0d0d0d"/>
  63.  
  64. <meta name="color:audio BG" content="#ffffff"/>
  65. <meta name="color:audio border" content="#fafafa"/>
  66. <meta name="color:chat line 1" content="#f7f7f7"/>
  67. <meta name="color:chat line 2" content="#f5f5f5"/>
  68.  
  69. <meta name="color:link" content="#ffac9b"/>
  70. <meta name="color:link hover" content="#414141"/>
  71. <meta name="color:navi" content="#959595"/>
  72. <meta name="color:navi BG" content="#ffffff"/>
  73. <meta name="color:navi hover" content="#fdfdfd"/>
  74. <meta name="color:navi hover BG" content="#131313"/>
  75. <meta name="color:navi first letter" content="#ff0000"/>
  76. <meta name="color:main links" content="#adadad"/>
  77. <meta name="color:main links BG" content="#ffffff"/>
  78. <meta name="color:main links hover" content="#f2f2f2"/>
  79. <meta name="color:main links BG hover" content="#000000"/>
  80.  
  81. <meta name="text:Custom Link One" content=""/>
  82. <meta name="text:Custom Link One URL" content=""/>
  83. <meta name="text:Custom Link Two" content=""/>
  84. <meta name="text:Custom Link Two URL" content=""/>
  85. <meta name="text:Custom Link Three" content=""/>
  86. <meta name="text:Custom Link Three URL" content=""/>
  87. <meta name="text:Custom Link Four" content=""/>
  88. <meta name="text:Custom Link Four URL" content=""/>
  89. <meta name="text:Custom Link Five" content=""/>
  90. <meta name="text:Custom Link Five URL" content=""/>
  91. <meta name="text:Custom Link six" content=""/>
  92. <meta name="text:Custom Link six URL" content=""/>
  93.  
  94. <meta name="image:background image" content=""/>
  95. <meta name="image:portrait" content=""/>
  96. <meta name="image:side bg" content=""/>
  97.  
  98.  
  99. {block:IfEndlessScroll}
  100. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  101.  
  102. <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/0wvmlf1xq/scripted.js"></script>
  103.  
  104. <title>{Title}</title>
  105. <link rel="shortcut icon" href="{Favicon}" />
  106. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  107.  
  108.  
  109.  
  110. <style type="text/css">
  111. #scrlTop{
  112. position:fixed;
  113. z-index:123456 !important;
  114. width:20px;
  115. height:30px;
  116. bottom:20px;
  117. {block:IndexPage}
  118. {block:If250px}margin-left:350px;{/block:If250px}
  119. {block:If400px}margin-left:500px;{/block:If400px}
  120. {block:If500px}margin-left:600px;{/block:If500px}
  121. {/block:IndexPage}
  122. cursor:pointer;
  123. }
  124.  
  125. #scrlTop img{
  126. opacity:1;
  127. }
  128.  
  129. .NINCREDIT a{
  130. color:{color:thm link};
  131. }
  132.  
  133. .NINCREDIT a:hover{
  134. color:{color:thm link hover};
  135. }
  136.  
  137. ::-webkit-scrollbar {width: 7px; height: 4px; background: #ffffff; }
  138. ::-webkit-scrollbar-thumb { background-color: #1f1d1d;}
  139.  
  140. @font-face {
  141. font-family: "narziss-drops";
  142. src: url('http://static.tumblr.com/1f1tzta/QIym57l92/narziss-drops.otf');
  143. }
  144.  
  145. body {
  146. word-wrap:break-word;
  147. font:10px/16px consolas;
  148. background:{color:background} url({image:background image}) repeat right top fixed;
  149. color: {color:Text};
  150. }
  151.  
  152. a{
  153. text-decoration:none;
  154. color:{color:link};
  155. }
  156.  
  157. h1{
  158. background-color:{color:h1 BG};
  159. color:{color:h1 link};
  160. text-align:center;
  161. font:bold italic 16px helvetica;
  162. text-transform:lowercase;
  163. }
  164.  
  165. h2 {
  166. font:bold italic 18px calibri;
  167. text-align:center;
  168. letter-spacing:-1px;
  169. text-transform:lowercase;
  170. background-color:{color:h2 BG};
  171. color: {color:h2 link};
  172. }
  173.  
  174. img{
  175. display:block;
  176. max-width:100%;
  177. {block:Ifgrayscale}
  178. 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");
  179. filter: gray;
  180. -webkit-filter: grayscale(100%);
  181. {/block:Ifgrayscale}
  182. }
  183.  
  184. b,strong{
  185. color:{color:bold};
  186. }
  187.  
  188. i,em{
  189. color:{color:italic};
  190. }
  191.  
  192. u{
  193. color:{color:underline};
  194. }
  195.  
  196. .source{
  197. font:italic 7px/10px trebuchet ms;
  198. text-transform:uppercase;
  199. letter-spacing:1px;
  200. color:{color:Text};
  201. }
  202.  
  203. #side{
  204. position:fixed;
  205. top:50%;
  206. margin-top:-129px;
  207. width:357px;
  208. height:258px;
  209. }
  210.  
  211. #pages{
  212. position:absolute;
  213. width:12px;
  214. top:0;
  215. left:-12px;
  216. float:left;
  217. }
  218.  
  219. #pages a{
  220. text-align:center;
  221. font:7px/5px trebuchet ms;
  222. border-radius:10px;
  223. padding:3px;
  224. width:6px;
  225. height:6px;
  226. background:{color:pagination BG};
  227. color:{color:pagination};
  228. display:block;
  229. margin:3px 0;
  230. -webkit-transition: 0.5s ease-in-out;
  231. -moz-transition: 0.5s ease-in-out;
  232. -o-transition: 0.5s ease-in-out;
  233. }
  234.  
  235. .current_page{
  236. text-align:center;
  237. font:7px/5px trebuchet ms;
  238. border-radius:10px;
  239. padding:3px;
  240. width:6px;
  241. height:6px;
  242. display:block;
  243. margin:3px 0;
  244. border:1px solid {color:border};
  245. background:{color:pagination};
  246. color:{color:pagination BG};
  247. }
  248.  
  249. #pages a:hover{
  250. color:{color:pagination BG};
  251. background:{color:pagination};
  252. -webkit-transition: 0.5s ease-in-out;
  253. -moz-transition: 0.5s ease-in-out;
  254. -o-transition: 0.5s ease-in-out;
  255. }
  256.  
  257. .side1 {
  258. float:left;
  259. width:160px;
  260. }
  261.  
  262. .side1 h2{
  263. line-height:7px;
  264. margin:0 0 7px 0;
  265. }
  266.  
  267. .description{
  268. text-align:center;
  269. text-transform:uppercase;
  270. font:8px/10px courier;
  271. letter-spacing:1px;
  272. padding:5px;
  273. background:{color:description BG};
  274. color:{color:description};
  275. width:150px;
  276. }
  277.  
  278. .description a{
  279. color:{color:link};
  280. }
  281.  
  282. .description a:hover{
  283. color:{color:posts};
  284. background:{color:link hover};
  285. }
  286.  
  287. .side2 {
  288. display:inline-block;
  289. margin:70px 0 0 35px;
  290. width:150px;
  291. height:139px;
  292. padding:5px;
  293. border:1px solid {color:border};
  294. background-attachment: fixed;
  295. background-repeat: repeat;
  296. background-color:{color:sidebg};
  297. background-image: url({image:side bg});
  298. }
  299.  
  300. #links a{
  301. letter-spacing:1px;
  302. font:8px/10px courier;
  303. text-align:center;
  304. margin-bottom:5px;
  305. display:inline-block;
  306. text-transform:uppercase;
  307. padding:30px 0 13px 0;
  308. width:70px;
  309. height:22px;
  310. border:1px solid {color:border};
  311. background:{color:main links BG};
  312. color:{color:main links};
  313. -webkit-transition: 0.5s ease-in-out;
  314. -moz-transition: 0.5s ease-in-out;
  315. -o-transition: 0.5s ease-in-out;
  316. }
  317.  
  318. #links a:hover{
  319. background:{color:main links BG hover};
  320. color:{color:main links hover};
  321. border:1px solid {color:main links BG hover};
  322. border-radius:5px;
  323. -webkit-transition: 0.5s ease-in-out;
  324. -moz-transition: 0.5s ease-in-out;
  325. -o-transition: 0.5s ease-in-out;
  326. }
  327.  
  328. .button{
  329. float:right;
  330. margin:-72px 1px 0 0;
  331. letter-spacing:1px;
  332. text-align:center;
  333. text-transform:uppercase;
  334. border:1px solid {color:border};
  335. font:8px/10px courier;
  336. padding:30px 0 13px 0;
  337. width:70px;
  338. height:22px;
  339. display: inline-block;
  340. background:{color:main links BG};
  341. color:{color:main links};
  342. -webkit-transition: 0.5s ease-in-out;
  343. -moz-transition: 0.5s ease-in-out;
  344. -o-transition: 0.5s ease-in-out;
  345. }
  346.  
  347. .button:hover{
  348. background:{color:main links BG hover};
  349. color:{color:main links hover};
  350. border:1px solid {color:main links BG hover};
  351. border-radius:5px;
  352. cursor:pointer;
  353. }
  354.  
  355. .nav{
  356. width:155px;
  357. height:100px;
  358. margin-left:-5px;
  359. position:Relative;
  360. }
  361.  
  362. .nav a{
  363. display:block;
  364. font:italic 7px trebuchet ms;
  365. letter-spacing:1px;
  366. text-transform:uppercase;
  367. text-align:center;
  368. color:{color:navi};
  369. background:{color:navi BG};
  370. border-bottom:1px solid {color:border};
  371. padding:10px 0;
  372. }
  373.  
  374. .nav a:first-letter{
  375. color:{color:navi first letter};
  376. }
  377.  
  378. .nav a:hover{
  379. color:{color:navi hover};
  380. background:{color:navi hover BG};
  381. }
  382.  
  383. #center{
  384. left:0;
  385. height:1000px;
  386. top:0;
  387. margin:0 auto;
  388. {block:IndexPage}
  389. {block:If250px}width:690px;{/block:If250px}
  390. {block:If400px}width:890px;{/block:If400px}
  391. {block:If500px}width:990px;{/block:If500px}
  392. {/block:IndexPage}
  393. {block:PermalinkPage}width:990px;{/block:PermalinkPage}
  394. }
  395.  
  396. #content{
  397. float:right;
  398. {block:IndexPage}
  399. {block:If500px}width:515px;{/block:If500px}
  400. {block:If400px}width:415px;{/block:If400px}
  401. {block:If250px}width:265px;{/block:If250px}
  402. {/block:IndexPage}
  403. {block:PermalinkPage}width:515px;{/block:PermalinkPage}
  404. }
  405.  
  406. .entry{
  407. position:relative;
  408. background:{color:posts};
  409. border:5px solid {color:posts};
  410. margin-bottom: 25px;
  411. {block:IndexPage}
  412. {block:If500px}width:500px;{/block:If500px}
  413. {block:If400px}width:400px;{/block:If400px}
  414. {block:If250px}width:250px;{/block:If250px}
  415. {/block:IndexPage}
  416. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  417. }
  418.  
  419. .entry a, .entry a:active, .entry a:visited{
  420. text-decoration:none;
  421. color: {color:Link};
  422. -webkit-transition: 0.5s ease-in-out;
  423. -moz-transition: 0.5s ease-in-out;
  424. -o-transition: 0.5s ease-in-out;
  425. }
  426.  
  427. .entry a:hover {
  428. color:{color:posts};
  429. background-color:{color:link hover};
  430. -webkit-transition: 0.5s ease-in-out;
  431. -moz-transition: 0.5s ease-in-out;
  432. -o-transition: 0.5s ease-in-out;
  433. }
  434.  
  435. .entry:hover #perma{
  436. opacity:1;
  437. -webkit-transition: 0.7s ease-in-out;
  438. -moz-transition: 0.7s ease-in-out;
  439. -o-transition: 0.7s ease-in-out;
  440. }
  441.  
  442. .cap{
  443. display:block;
  444. padding:1px 5px;
  445. margin-top:5px;
  446. background:{color:caption BG};
  447. }
  448.  
  449. blockquote{
  450. border-radius:3px;
  451. border:1px solid {color:blockquote border};
  452. background:{color:blockquoteBG};
  453. padding-left:5px;
  454. }
  455.  
  456. #perma{
  457. {block:IndexPage}
  458. z-index:100;
  459. opacity:0;
  460. top:0;
  461. left:0;
  462. position:absolute;
  463. background:{color:perma BG};
  464. text-align:center;
  465. height:100%;
  466. {block:If500px}width:500px;{/block:If500px}
  467. {block:If400px}width:400px;{/block:If400px}
  468. {block:If250px}width:250px;{/block:If250px}
  469. {/block:IndexPage}
  470. {block:PermalinkPage}
  471. float:left;
  472. {/block:PermalinkPage}
  473. -webkit-transition: 0.7s ease-in-out;
  474. -moz-transition: 0.7s ease-in-out;
  475. -o-transition: 0.7s ease-in-out;
  476. }
  477.  
  478. .perma{
  479. height:64px;
  480. position:relative;
  481. top:50%;
  482. margin-top:-32px;
  483. color:{color:perma text};
  484. }
  485.  
  486. #noted{
  487. display:inline-block;
  488. {block:IndexPage}
  489. position:relative;
  490. min-width:80px;
  491. max-width:150px;
  492. height:40px;
  493. border-bottom:1px solid {color:perma border};
  494. {/block:IndexPage}
  495. }
  496.  
  497. #noted a{
  498. {block:IndexPage}
  499. top:-5px;
  500. position:relative;
  501. color: {color:perma notes};
  502. {/block:IndexPage}
  503. letter-spacing:-2px;
  504. font:italic 300 36px/40px narziss-drops;
  505. {block:PermalinkPage}
  506. color:{color:h1 BG};
  507. {/block:PermalinkPage}
  508. }
  509.  
  510. #noted a:hover{
  511. background:transparent;
  512. }
  513.  
  514. .date{
  515. {block:IndexPage}
  516. margin-top:5px;
  517. letter-spacing:2px;
  518. {/block:IndexPage}
  519. font:italic bold 9px helvetica;
  520. letter-spacing:1px;
  521. text-transform:uppercase;
  522. }
  523.  
  524. .reb{
  525. margin-left:5px;
  526. font:italic 7px trebuchet ms;
  527. letter-spacing:2px;
  528. text-align:center;
  529. text-transform:uppercase;
  530. }
  531.  
  532. .tags{
  533. width:500px;
  534. text-align:center;
  535. font:italic 7px trebuchet ms;
  536. text-transform:uppercase;
  537. }
  538.  
  539. .tags a{
  540. background:{color:tagBG};
  541. color:{color:tag};
  542. letter-spacing:1px;
  543. }
  544.  
  545. #audio {
  546. background:{color:audio BG};
  547. padding:20px;
  548. border:5px solid {color:audio border};
  549. }
  550.  
  551. .player{
  552. opacity:.6;
  553. }
  554.  
  555. #audiotext{
  556. text-align:right;
  557. font:9px/12px courier;
  558. letter-spacing:1px;
  559. text-transform:uppercase;
  560. }
  561.  
  562. #question {
  563. padding:5px;
  564. margin-top:5px;
  565. font:8px/8px courier;
  566. text-transform:uppercase;
  567. letter-spacing:1px;
  568. border-bottom:1px solid {color:border};
  569. background:{color:question BG};
  570. color:{color:question text};
  571. }
  572.  
  573. #answer p{
  574. margin:2px 0 0 0;
  575. color:{color:answer};
  576. background:{color:answerBG};
  577. }
  578.  
  579. #asker img {
  580. position:relative;
  581. top:0;
  582. float:left;
  583. left:0;
  584. padding:10px;
  585. background:{color:answer img border};
  586. }
  587.  
  588. #asker:before{
  589. top:20px;
  590. content:"";
  591. position:absolute;
  592. left:50px;
  593. width: 0;
  594. border-left: 5px solid {color:answer img border};
  595. border-top: 5px solid transparent;
  596. border-bottom: 5px solid transparent;
  597. }
  598.  
  599. #asker h1{
  600. display:inline-block;
  601. margin:15px 0 0 10px;
  602. color:{color:text};
  603. background:transparent;
  604. }
  605.  
  606. #asker h1 a{
  607. color:{color:text};
  608. }
  609.  
  610. #asker {
  611. height:50px;
  612. }
  613.  
  614. ul.chat {
  615. margin: 0;
  616. padding: 0;
  617. }
  618.  
  619. .chat li {
  620. list-style-type: none;
  621. margin-left: 0px;
  622. padding: 3px;
  623. }
  624.  
  625. .chat li.odd {
  626. margin-bottom: 3px;
  627. background-color:{color:chat line 1};
  628. color: {color:text};
  629. }
  630.  
  631. .chat li.even {
  632. margin-bottom: 3px;
  633. background-color:{color:chat line 2};
  634. color: {color:text};
  635. }
  636.  
  637. .label {
  638. font-weight: bold;
  639. }
  640.  
  641. ul{
  642. list-style-type:none;
  643. }
  644.  
  645. li{
  646. list-style-type:square;
  647. list-style-position:inside;
  648. margin-left:20px;
  649. font-family:calibri;
  650. }
  651.  
  652. ol.notes {
  653. background-color:{color:posts};
  654. width:500px;
  655. text-align:left;
  656. padding: 0px;
  657. margin: 25px 0px;
  658. left:20px;
  659. list-style-type: lower-roman;
  660. border-bottom: solid 1px {color:border};
  661. }
  662.  
  663. ol.notes li.note {
  664. font:italic 10px times new roman;
  665. letter-spacing:1px;
  666. text-transform:lowercase;
  667. list-style-type:none;
  668. padding: 10px;
  669. border-top: solid 1px {color:border};
  670. }
  671.  
  672. ol.notes li.note img.avatar {
  673. list-style-type:none;
  674. display:inline-block;
  675. vertical-align: -4px;
  676. margin-right: 10px;
  677. width: 16px;
  678. height: 16px;
  679. border-radius:3px;
  680. }
  681.  
  682. ol.notes li.note span.action {
  683. list-style-type:none;
  684. font-weight:normal;
  685. }
  686.  
  687. ol.notes li.note .answer_content {
  688. list-style-type:none;
  689. font-weight: normal;
  690. }
  691.  
  692. ol.notes li.note blockquote {
  693. border-color: {color:border};
  694. padding: 4px 10px;
  695. margin: 10px 0px 0px 25px;
  696. }
  697.  
  698. ol.notes li.note blockquote a {
  699. text-decoration: none;
  700. }
  701. </style>
  702. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  703. <script type="text/javascript">
  704. jQuery(document).ready(function() {
  705. jQuery(".nav").hide();
  706. //toggle the componenet with class msg_body
  707. jQuery(".button").click(function()
  708. {
  709. jQuery(this).next(".nav").slideToggle(500);
  710. });});
  711. </script>
  712.  
  713. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  714. <script type="text/javascript">
  715. $(function() {
  716. $.fn.scrollToTop = function() {
  717. $(this).hide().removeAttr("href");
  718. if ($(window).scrollTop() != "0") {
  719. $(this).fadeIn("slow")
  720. }
  721. var scrollDiv = $(this);
  722. $(window).scroll(function() {
  723. if ($(window).scrollTop() == "0") {
  724. $(scrollDiv).fadeOut("slow")
  725. } else {
  726. $(scrollDiv).fadeIn("slow")
  727. }
  728. });
  729. $(this).click(function() {
  730. $("html, body").animate({
  731. scrollTop: 0
  732. }, "slow")
  733. })
  734. }
  735. });
  736. $(function() {
  737. $("#scrlTop").scrollToTop();
  738. });
  739. </script>
  740. </head>
  741. <body>
  742.  
  743.  
  744.  
  745.  
  746.  
  747. <div id="center">
  748. <div id="side">
  749.  
  750. {block:IfNotEndlessScroll}
  751. {block:Pagination}
  752. <div id="pages">
  753. {block:JumpPagination length="5"}
  754.  
  755. {block:CurrentPage}
  756. <span class="current_page">{PageNumber}</span>
  757. {/block:CurrentPage}
  758.  
  759. {block:JumpPage}
  760. <a class="jump_page" href="{URL}">{PageNumber}</a>
  761.  
  762. {/block:JumpPage}
  763. {/block:JumpPagination}
  764.  
  765. </div>
  766. {/block:Pagination}
  767. {/block:IfNotEndlessScroll}
  768.  
  769.  
  770. <div class="side1">
  771. <h2>{Title}</h2>
  772. <img class="portrait" src="{image:portrait}">
  773. <div class="description">{description}</div>
  774. </div>
  775.  
  776.  
  777. <div class="side2">
  778. <div id="links">
  779. <a href="/">HOME</a>
  780. <a href="/ask">ASK</a>
  781. <a href="/archive">ARCHIVE</a>
  782. </div>
  783.  
  784.  
  785. <a href="#" class="button">navigation</a>
  786. <div class="nav">
  787. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  788.  
  789. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  790.  
  791. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  792.  
  793. {block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  794.  
  795. {block:IfCustomLinkFive}<a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>{/block:IfCustomLinkFive}
  796.  
  797. {block:IfCustomLinkSix}<a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}">{text:Custom Link Six}</a> {/block:IfCustomLinkSix}
  798. </div>
  799. </div>
  800. </div>
  801.  
  802.  
  803.  
  804.  
  805.  
  806. <div id="content">
  807. {block:IfEndlessScroll}
  808. <a id="scrlTop" href="#"><img src="http://static.tumblr.com/1f1tzta/SMJmu4k4i/up.png"></a>
  809. {/block:IfEndlessScroll}
  810.  
  811. {block:Posts}
  812. <div class="entry">
  813.  
  814. {block:IndexPage}
  815. <div id="perma">
  816. <div class="perma">
  817. <div id="noted"><a href="{Permalink}">{NoteCount}</a></div>
  818. <div class="date">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear}{/block:Date}</div>
  819. <div class="reb"><a href="{reblogUrl}">Reblog</a></div>
  820. </div>
  821. </div>
  822. {/block:IndexPage}
  823.  
  824.  
  825. {block:Text}
  826. {block:Title}<a href="{permalink}"><h1>{Title}</h1></a>{/block:Title}
  827. {Body}
  828. {/block:Text}
  829.  
  830.  
  831.  
  832.  
  833. {block:Link}
  834. <a href="{URL}"><h1>{Name}</h1></a>
  835. {block:Description}{Description}{/block:Description}
  836. {/block:Link}
  837.  
  838.  
  839.  
  840. {block:Photo}
  841. {block:IndexPage}
  842. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>{/block:IndexPage}
  843. {block:PermalinkPage}
  844. <img src="{PhotoURL-500}">{/block:PermalinkPage}
  845. {/block:photo}
  846.  
  847.  
  848.  
  849. {block:Photoset}
  850. {block:IndexPage}
  851. {block:If250px}{Photoset-250}{/block:If250px}
  852. {block:If400px}{Photoset-400}{/block:If400px}
  853. {block:If500px}{Photoset-500}{/block:If500px}
  854. {/block:IndexPage}
  855.  
  856. {block:permalinkpage}
  857. {Photoset-500}
  858. {/block:permalinkpage}
  859. {/block:Photoset}
  860.  
  861.  
  862. {block:Quote}
  863. <h2>"{Quote}"</h2>
  864. {block:Source}― {Source}{/block:Source}
  865. {/block:Quote}
  866.  
  867.  
  868.  
  869. {block:answer}
  870. <div id="asker"><a href="{Permalink}"><img src="{AskerPortraitURL-30}"></a><h1>{Asker}</h1></div>
  871. <div id="question">{Question}</div>
  872. <div id="answer">{Answer}</div>
  873. {/block:Answer}
  874.  
  875.  
  876.  
  877. {block:Chat}
  878. {block:Title}
  879. <h3><a href="{Permalink}">{Title}</a></h3>
  880. {/block:Title}
  881. <ul class="chat">
  882. {block:Lines}
  883. <li class="{Alt} user_{UserNumber}">
  884. {block:Label}
  885. <span class="label">{Label}
  886. {/block:Label}
  887. {Line}
  888. </li>
  889. {/block:Lines}
  890. </ul>
  891. {/block:Chat}
  892.  
  893.  
  894.  
  895. {block:Audio}
  896. <div id="audio">
  897. <div class="player">{AudioPlayerWhite}</div>
  898. </div>
  899.  
  900. <div id="audiotext">
  901. {block:TrackName}{TrackName} :Song{/block:TrackName}<br>
  902. {block:Artist}{Artist} :ARTIST{/block:Artist}<br>
  903. {block:Album}{Album} :ALBUM{/block:Album}<br>
  904. {block:PlayCount}{FormattedPlayCount} :Plays{/block:PlayCount}
  905. </div>
  906.  
  907. {/block:Audio}
  908.  
  909.  
  910.  
  911.  
  912. {block:Video}
  913. {block:If250px}{Video-250}{/block:If250px}
  914. {block:If400px}{Video-400}{/block:If400px}
  915. {block:If500px}{Video-500}{/block:If500px}
  916. {/block:IndexPage}
  917. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  918. {/block:Video}
  919.  
  920.  
  921. {block:IndexPage}
  922. {block:IfshowCaption}
  923. {block:Caption}
  924. <div class="cap">{Caption}</div>{/block:Caption}
  925. {/block:Caption}
  926. {/block:IfshowCaption}
  927. {/block:IndexPage}
  928.  
  929.  
  930. {block:PermalinkPage}
  931. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  932. {/block:PermalinkPage}
  933.  
  934.  
  935. </div>
  936.  
  937. {block:PermalinkPage}
  938. <div style="width:500px;height:55px;margin:-20px 0 0 5px;">
  939. <div style="height:55px;">
  940. <div id="perma">
  941. <div id="noted"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  942. <div class="date">{block:Date}{TimeAgo}{/block:Date}</div>
  943. </div>
  944. <div style="float:right;vertical-align:top;">
  945. {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">Source</a> {/block:RebloggedFrom}
  946. <div class="reb"><a href="{reblogUrl}">Reblog</a></div>
  947. </div>
  948. </div>
  949.  
  950. {block:HasTags}
  951. <div class="tags">
  952. {block:Tags}<a href="{TagURL}">{Tag}</a> &#8226;{/block:Tags}
  953. </div>
  954. {/block:HasTags}
  955.  
  956. </div>
  957. {/block:PermalinkPage}
  958.  
  959.  
  960.  
  961. {block:PostNotes}
  962. {PostNotes}
  963. {/block:PostNotes}
  964.  
  965.  
  966.  
  967. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  968. {/block:Posts}
  969. </div>
  970. </body>
  971. </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!