API tools faq
paste
Advertisement
noziam

THEME 25: HOMESICK

noziam
Sep 21st, 2014
7,450
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.34 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <!--
  6.                                      
  7.       .                                 .o8       oooo              
  8.     .o8                                "888       `888              
  9.   .o888oo oooo  oooo  ooo. .oo.  .oo.   888oooo.   888  oooo d8b    
  10.     888   `888  `888  `888P"Y88bP"Y88b  d88' `88b  888  `888""8P    
  11.     888    888   888   888   888   888  888   888  888   888        
  12.     888 .  888   888   888   888   888  888   888  888   888    .o.
  13.     "888"  `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b   Y8P
  14.  
  15. -->
  16.  
  17.  
  18. <!--
  19.  
  20. THEME 25 HOMESICK BY JAE @ HE1975
  21.  
  22. IF YOU HAVE ANY QUESTIONS PLEASEPLEASEPLEASE SEND ME AN ASK :)
  23.  
  24. THANK YOU.
  25. ENJOY!
  26.  
  27.  
  28. -->
  29.  
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#aaa"/>
  33. <meta name="color:Link" content="#80060a"/>
  34. <meta name="color:Hover" content="#000"/>
  35. <meta name="color:description" content="#777"/>
  36. <meta name="color:border" content="#777"/>
  37. <meta name="color:post background" content="#fff"/>
  38. <meta name="color:top nav bg" content="#f1f1f1"/>
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:side image" content="" />
  42.  
  43. <meta name="if:2 columns" content="1"/>
  44. <meta name="if:400px" content="0"/>
  45. <meta name="if:show tags" content="1"/>
  46. <meta name="if:top nav" content="1"/>
  47. <meta name="if:shadow" content="1"/>
  48. <meta name="if:rounded corners" content="0"/>
  49. <meta name="if:faded images" content="1" />
  50. <meta name="if:transparent posts" content="0" />
  51. <meta name="if:semitransparent posts" content="1" />
  52. <meta name="if:no borders" content="0" />
  53. <meta name="if:small cursor" content="1" />
  54. <meta name="if:Maximised Background Image" content="0"/>
  55.  
  56.  
  57. <meta name="text:link 1 title" content="link 1" />
  58. <meta name="text:link 1 url" content="/" />
  59. <meta name="text:link 2 Title" content="link 2" />
  60. <meta name="text:link 2 url" content="/" />
  61. <meta name="text:link 3 title" content="link 3" />
  62. <meta name="text:link 3 url" content="/" />
  63. <meta name="text:link 4 title" content="link 4"/>
  64. <meta name="text:link 4 url" content="/"/>
  65. <meta name="text:link 5 title" content="link 5"/>
  66. <meta name="text:link 5 url" content="/"/>
  67.  
  68. <meta name="select:side image position" content="bottom:-5px;left:-10px;" title="bottom left" />
  69. <meta name="select:side image position" content="bottom:-5px;right:5px;" title="bottom right" />
  70. <meta name="select:side image position" content="top:0px;right:5px;" title="top right" />
  71. <meta name="select:side image position" content="top:0px;left:5px;" title="top left" />
  72.  
  73.  
  74.  
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  77. <script>
  78. (function($){$(document)
  79. .ready(function(){$("[title]")
  80. .style_my_tooltips();});})
  81. (jQuery);
  82. </script>
  83.  
  84. <style type="text/css">
  85. /* Mozilla based browsers */
  86. ::-moz-selection {
  87.     background-color: {color:selection bg};
  88.        color: {color:selection text};
  89. }
  90.  
  91. /* Works in Safari */
  92. ::selection {
  93. background-color: {color:selection bg};
  94.        color: {color:selection text};
  95. }
  96.  
  97.  
  98. /* Mozilla based browsers */
  99. ::-moz-selection {
  100.        background-color: {color:selection bg};
  101.        color: {color:selection text};
  102. }
  103.  
  104. /* Works in Safari */
  105. ::selection {
  106.        background-color: {color:selection bg};
  107.        color: {color:selection text};
  108. }
  109.  
  110.  
  111. /***Edit Scrollbar Here***/
  112.  
  113. ::-webkit-scrollbar-thumb:vertical {
  114.     background:{color:scrollbar};
  115.     border:1px solid {color:border};
  116.  
  117.     cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  118.  }
  119.  
  120. ::-webkit-scrollbar-thumb:horizontal {
  121.     background-color: {color:scrollbar};
  122.     height: 4px;
  123.     border:1px solid {color:borders};}
  124.  
  125.  ::-webkit-scrollbar {
  126.      width:9px;
  127.      background: transparent;
  128.      height:4px;}
  129.  
  130.  ::-webkit-scrollbar-track {
  131.      background: transparent;
  132.      width:9px; }
  133.  
  134. /***Edit Tumblr Controls Here***/
  135.  
  136. iframe#tumblr_controls {
  137. position: fixed !important;
  138. -webkit-transition: opacity 0.7s linear;
  139. opacity: 0.09;
  140. -webkit-transition: all 0.8s ease-out;
  141. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  142. -webkit-filter:invert(100%);}
  143.  
  144. iframe#tumblr_controls:hover{
  145.     -webkit-transition: opacity 0.7s linear;
  146.     opacity: 0.8;
  147.     -webkit-transition: all 0.4s ease-out;
  148.     -moz-transition: all 0.4s ease-out;
  149.     transition: all 0.4s ease-out;}
  150.    
  151. #s-m-t-tooltip {  
  152.     padding: 3px;  
  153.     height:auto;
  154.     display: none;
  155.     font-family: helvetica;
  156.     font-size: 10px;
  157.     text-transform:lowercase;
  158.     text-align: center;
  159.     letter-spacing:0px;
  160.     margin-top:10px;
  161.     margin-left: 15px;
  162.     line-height: 8px;
  163.     z-index: 999999999999;
  164.     border-radius:0px;
  165.     border: 0px solid #000;
  166.     background:#ffffff;
  167.     color: #000;}
  168.    
  169.    
  170.     {block:IfMaximisedBackgroundImage}
  171. #bg img {
  172. z-index:-2;
  173. position:fixed;
  174. top:0;
  175. left:0;
  176. height:100%;
  177. width:100%;
  178. }
  179. {/block:IfMaximisedBackgroundImage}
  180.    
  181.  
  182.  
  183.  
  184. #bgim {
  185.     z-index: -1;
  186.     {select:side image position}
  187.     position: fixed;
  188. }
  189.  
  190. body{
  191. margin:5px;
  192. background-color: {color:Background};
  193. background-image:url({image:background});
  194. background-attachment: fixed;
  195. background-size:;
  196. background-repeat: repeat;
  197. font-size: 10px;
  198. font-family: helvetica;
  199. text-transform:lowercase;
  200. line-height:12px;
  201. color:{color:Text};
  202. letter-spacing:0px;
  203. {block:ifsmallcursor}
  204. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  205. {/block:ifsmallcursor}
  206. }
  207.  
  208. a:link, a:active, a:visited{
  209. color:{color:link};
  210. text-decoration: none;
  211. }
  212.  
  213.  
  214. a:hover {
  215. color:{color:hover};
  216. text-decoration: underline;
  217. {block:ifsmallcursor}
  218.  cursor: url(http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png), auto;
  219. {/block:ifsmallcursor}
  220. }
  221.  
  222.  
  223.  
  224.  
  225. #sixx{
  226. {block:ifnot2columns}
  227. width:250px;
  228. {block:ifnot2columns}
  229. {block:if2columns}
  230. width:850px;
  231. {block:if2columns} height:auto;}
  232. {block:PermalinkPage}
  233. width:410px;
  234. {/block:PermalinkPage}
  235. }
  236.  
  237. #center{
  238. padding-top:3px;
  239. padding-bottom:3px;
  240. position:fixed !important;
  241. {block:ifnot2columns}
  242. width:250px;
  243. {block:ifnot2columns}
  244. {block:if2columns}
  245. width:850px;
  246. {block:if2columns}
  247. height:207px;
  248. background-color:#fff;
  249. {block:PermalinkPage}
  250. width:410px;
  251. height:207px;
  252. {/block:PermalinkPage}
  253. }
  254.  
  255. #posts{
  256. {block:ifnot2columns}
  257. width:250px;
  258. margin-left: 450px;
  259. {block:ifnot2columns}
  260. {block:if2columns}
  261. width:750px;
  262. margin-left: 350px;
  263. {block:if2columns}
  264.  
  265. height:100px;
  266. {block:permalinkpage}
  267. width:400px;
  268. margin-top: 120px;
  269. {/block:permalinkpage}
  270.  
  271. margin-top: 20px;
  272. z-index:9999;
  273. }
  274.  
  275.  
  276. #entry{
  277. font-size:10px;
  278. font-family:helvetica;
  279. text-align:left;
  280. z-index:1;
  281. float:left;
  282. display:block;
  283. {block:ifnot400px}
  284. width:250px;
  285. {/block:ifnot400px}
  286. {block:if400px}
  287. width:400px;
  288. {/block:if400px}
  289. overflow:hidden;
  290. margin:30px;
  291. margin-left:20px;
  292. margin-top:30px;
  293. padding-bottom: 10px;
  294. padding-left:10px;
  295. padding-right:10px;
  296. padding-top:25px;
  297. background-color: {color:post background};
  298. {block:PermalinkPage}
  299. width:400px;
  300. line-height:22px;
  301. margin-left:30px;
  302. {/block:PermalinkPage}
  303. line-height:11px;
  304. {block:iftransparentposts}
  305. background:transparent;
  306. {/block:iftransparentposts}
  307. {block:ifsemitransparentposts}
  308. background: rgba(255,255,255,.7);
  309. {/block:ifsemitransparentposts}
  310. border:1px solid {color:border};
  311. {block:ifnoborders}
  312. border:0px;
  313. {/block:ifnoborders}
  314. {block:ifshadow}
  315. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  316. {/block:ifshadow}
  317. {block:ifroundedcorners}
  318. border-radius: 5px;
  319. {/block:ifroundedcorners}
  320. background-image:URL();
  321. -webkit-transition: all .7s ease;
  322. -moz-transition: all .7s ease;
  323. -o-transition: all .7s ease;
  324. transition: all .7s ease;
  325.  
  326. }
  327.  
  328.  
  329. #entry img{
  330.    
  331. {block:iffadedimages}
  332. opacity:0.8;
  333. -webkit-filter: Grayscale(40%);
  334. {/block:iffadedimages}
  335. max-width:100%;
  336. {block:permalinkpage}
  337. float:center;
  338. width:auto;
  339. {/block:permalinkpage}
  340. }
  341.  
  342.  
  343. #entry img:hover{
  344.     opacity:1;
  345. {block:iffadedimages}
  346. -webkit-filter: Grayscale(0%);
  347. -webkit-transition: all .7s ease;
  348. -moz-transition: all .7s ease;
  349. -o-transition: all .7s ease;
  350. transition: all .7s ease;
  351. {/block:iffadedimages}
  352.    
  353. }
  354.  
  355. #tags {
  356.     letter-spacing:0px;
  357.     text-transform:lowercase;
  358.     font-size:10px;
  359.     display:inline-block;
  360.     padding: 2px;
  361.     font-style:none;
  362.     margin-top:5px;
  363.     text-align:left;
  364.     margin-left: 0px;
  365.     {block:ifnot400px}
  366.     width:250px;
  367.     {/block:ifnot400px}
  368.        {block:if400px}
  369.     width:400px;
  370.     {/block:if400px}
  371.     background-color: transparent;
  372.     color:{color:tags};
  373. }
  374.    
  375. #tags a {
  376. display:inline-block;
  377. padding: 2px;
  378. text-align:right;
  379. text-decoration:none;
  380. background-color: transparent;
  381. color:{color:tags};
  382. }
  383.  
  384. #tags a:hover {
  385. text-decoration:underline;
  386. }
  387.  
  388. #perm{
  389. position:absolute;
  390. font-family:helvetica;
  391. font-size:10px;
  392. text-align:right;
  393. text-transform:uppercase;
  394. padding-right:4px;
  395. background:{color:post background};
  396. {block:iftransparentposts}
  397. background:transparent;
  398. {/block:iftransparentposts}
  399. margin-left:-10px;
  400. margin-top:-25px;
  401. border-bottom:1px solid {color:border};
  402. {block:ifnoborders}
  403. border-bottom:0px;
  404. {/block:ifnoborders}
  405. height:10px;
  406. {block:ifnot400px}
  407. width:266px;
  408. {/block:ifnot400px}
  409. {block:if400px}
  410. width:416px;
  411. {/block:if400px}
  412. padding-bottom:3px;
  413. padding-top:3px;
  414. letter-spacing:0px;
  415. z-index:11;
  416. }
  417.  
  418. #perm img{
  419.     {block:iffadedpermalinks}
  420. opacity:0.3;
  421. {/block:iffadedpermalinks}
  422. {block:ifwhitepermalinks}
  423.  -webkit-filter: invert(100%);  
  424.  {/block:ifwhitepermalinks}
  425. }
  426.  
  427.  
  428. #photoset{
  429. {block:iffadedimages}
  430. opacity:0.8;
  431. -webkit-filter: Grayscale(40%);
  432. {/block:iffadedimages}
  433. }
  434.  
  435. #photoset:hover{
  436.     {block:iffadedimages}
  437. opacity:1;
  438. -webkit-filter: Grayscale(0%);
  439. -webkit-transition: all .7s ease;
  440. -moz-transition: all .7s ease;
  441. -o-transition: all .7s ease;
  442. transition: all .7s ease;
  443. {/block:iffadedimages}
  444. }
  445.  
  446. #sb{
  447.     color:{color:description};
  448. font-size:10px;
  449. font-family:helvetica;
  450. text-align:left;
  451. width:150px;
  452. overflow:hidden;
  453. position:fixed;
  454. {block:ifnot2columns}
  455. margin-left:200px;
  456. {block:ifnot2columns}
  457. {block:if2columns}
  458. margin-left:100px;
  459. {block:if2columns}
  460. margin-top:230px;
  461. padding-bottom: 10px;
  462. padding-left:10px;
  463. padding-right:10px;
  464. {block:iftopnav}
  465. padding-top:25px;
  466. {/block:iftopnav}
  467. {block:ifnottopnav}
  468. padding-top:10px;
  469. {/block:ifnottopnav}
  470. line-height:12px;
  471.  
  472. border:1px solid {color:border};
  473. {block:ifnoborders}
  474. border:0px;
  475. {/block:ifnoborders}
  476. {block:ifshadow}
  477. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  478. {/block:ifshadow}
  479. {block:ifroundedcorners}
  480. border-radius: 5px;
  481. {/block:ifroundedcorners}
  482. background-color: {color:post background};
  483. {block:iftransparentposts}
  484. background:transparent;
  485. {/block:iftransparentposts}
  486. {block:ifsemitransparentposts}
  487. background: rgba(255,255,255,.7);
  488. {/block:ifsemitransparentposts}
  489. background-image:URL();
  490. -webkit-transition: all .7s ease;
  491. -moz-transition: all .7s ease;
  492. -o-transition: all .7s ease;
  493. transition: all .7s ease;
  494.  
  495. }
  496.  
  497. #sblinks{
  498. position:absolute;
  499. font-family:helvetica;
  500. font-size:10px;
  501. text-align:right;
  502. text-transform:uppercase;
  503. padding-right:4px;
  504. background:{color:post background};
  505. {block:iftransparentposts}
  506. background:transparent;
  507. {/block:iftransparentposts}
  508. {block:ifsemitransparentposts}
  509. background: rgba(255,255,255,.7);
  510. {/block:ifsemitransparentposts}
  511. margin-left:-10px;
  512. margin-top:-25px;
  513. border-bottom:1px solid {color:border};
  514. height:10px;
  515. width:166px;
  516. word-spacing:2px;
  517. padding-bottom:5px;
  518. padding-top:3px;
  519. letter-spacing:0px;
  520. z-index:11;
  521. }
  522.  
  523.  
  524. #musicplayer {
  525. position: fixed;
  526. left: 10px;
  527. top: 40px;
  528. }
  529. #barr{
  530. background-image:url:{};
  531. height:1000px;
  532. }
  533.  
  534.  
  535. .player {
  536. padding-top:2px;
  537. padding-right:1px;
  538. position: fixed;
  539. width: 25px;
  540. margin: -5px 0px 0px 0px;
  541. overflow: hidden;
  542. z-index: 9999;
  543. opacity: 0.6; }
  544.  
  545. #permalinkpg{
  546. width:150px;
  547. padding:3px;
  548. }
  549.  
  550. #title{
  551. font-family: helvetica;
  552. font-size:12px;
  553. letter-spacing:1px;
  554. padding:7px;
  555. text-transform: lowercase;
  556. text-align:left;
  557. letter-spacing:1px;
  558. margin-left:2px;
  559. margin-top:0px;
  560. line-height:100%}
  561.  
  562. #title:hover{
  563. text-decoration:underline;
  564. }
  565.  
  566. .posttitle{
  567. font-family:helvetica;
  568. color:{color:title};
  569. font-size:11px;
  570. text-align:left;
  571. line-height:12px;
  572. letter-spacing:1px;
  573. }
  574.  
  575.  
  576.  
  577. /*** ask ***/
  578. .bubble {align:right;background: #f8f8f8; margin:-4px 5px 2px 5px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:auto;border:1px solid transparent;}
  579. .bubble p {margin:1px 0px;}
  580. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f8f8f8;}
  581.  
  582.  
  583.    
  584. .question {
  585. text-align:left;
  586. padding-left:5px;padding-top:7px;
  587. padding-right:5px;padding-bottom:7px;
  588. border-radius:4px;
  589. margin-top:-10px;
  590. font-size:8px;
  591. text-transform:uppercase;
  592. }
  593.  
  594. .answer {
  595. text-align:left;
  596. font-size:8px;
  597. text-transform:;
  598. padding-left:5px;padding-top:7px;
  599. padding-right:5px;padding-bottom:7px;}
  600.  
  601.  
  602.  
  603.  
  604. .text{
  605. font-size:10px;
  606. font-family:helvetica;
  607. text-align:left;
  608. letter-spacing:1px;
  609. }
  610.  
  611. .tt{
  612.     font-size:11px;
  613.     font-family: helvetica;
  614.     letter-spacing:1px;
  615.     text-transform:;
  616.     border-left: 1px solid #d7d7d7;
  617.     margin-top:5px;
  618.     margin-left: 90px;
  619.     padding: 5px;
  620.    
  621.     }
  622.    
  623. #musicplay{
  624. float:left;
  625. width:29px;
  626. margin-left:-50px;
  627. margin-top:10px;
  628. height:20px;
  629. padding-top:5px;
  630. padding-bottom:10px;
  631. background:white;
  632. overflow:hidden;
  633. transition: all 0.9s ease-out;
  634. }
  635. #cover{
  636. float:left;
  637. border-radius:5px;
  638. width:50px;
  639. }
  640. #audiocap{
  641. width:70px;
  642. float:left;
  643. margin-left:15px;
  644. margin-top:2px;
  645. line-height:12px;
  646. font-family:helvetica;
  647. letter-spacing:1px;
  648. }
  649.  
  650.  
  651.  
  652.  
  653. .title{
  654. font-family: helvetica;
  655. font-size: 20px;
  656. line-height: 25px;
  657. text-transform:;
  658. color:#fff;
  659. letter-spacing: 1px;
  660. font-weight: normal;
  661. padding:0px 0px 0px 0px;
  662. }
  663. .quote{
  664. text-align:left;
  665. font-family:;
  666. font-size:10px;
  667. font-style:italic;
  668. text-transform:lowercase;
  669. margin-top:20px;
  670. padding:8px;
  671. line-height:18px;
  672. z-index:10;}
  673.  
  674.  
  675. #postnotes{
  676. text-align: left;}
  677.  
  678. #postnotes blockquote{
  679. border: 1px;}
  680.  
  681.  
  682. blockquote{
  683. padding:0px 0px 2px 5px;
  684. margin:0px 0px 2px 10px;
  685. border-left: 1px solid #555555;
  686. }
  687. ul, ol, li{
  688. list-style:none;
  689. margin:0px;
  690. padding:0px;
  691. }
  692.  
  693.  
  694. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  695. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  696. }
  697.  
  698. .tumblr_audio_player {height: 40px; width: 210px;margin-left:-5px;}
  699.  
  700.  
  701. </style>
  702.  
  703. {block:indexpage}
  704. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  705. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  706. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  707. <script type="text/javascript">
  708. $(window).load(function(){
  709. var $wall = $('#posts');
  710. $wall.imagesLoaded(function(){
  711. $wall.masonry({
  712. itemSelector: '#entry, #entry_photo',
  713. isAnimated : false
  714. });
  715. });
  716.  
  717. $wall.infinitescroll({
  718. navSelector : '#page-nav',
  719. nextSelector : '#page-nav a',
  720. itemSelector : '#entry, #entry_photo',
  721. bufferPx : 2000,
  722. debug : false,
  723. errorCallback: function() {
  724. $('#infscr-loading').fadeOut('normal');
  725. }},
  726. function( newElements ) {
  727. var $newElems = $( newElements );
  728. $newElems.hide();
  729. $newElems.imagesLoaded(function(){
  730. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  731. });
  732. }); $('#content').show(500);
  733. });
  734. </script>
  735. {/block:indexpage}
  736.  
  737. <body><head>
  738.  
  739. <title>{title}</title>
  740. <link rel="shortcut icon" href="<link rel="icon" href="http://static.tumblr.com/zp8dk2f/X9pmvtq23/tumblr_inline_mkr3gmtoxz1qz4rgp.png"/>
  741.  
  742.  
  743.  
  744. <div id="center">
  745. <div id="content">
  746.  
  747. <div id="sb">
  748. {block:iftopnav}
  749. <div id="sblinks">
  750. {block:iflink1title}
  751. <a href="{text:link 1 url}" title="{text:link 1 title}">.01</a>
  752. {/block:iflink1title}
  753. {block:iflink2title}
  754. <a href="{text:link 2 url}" title="{text:link 2 title}">.02</a>
  755. {/block:iflink2title}
  756. {block:iflink3title}
  757. <a href="{text:link 3 url}" title="{text:link 3 title}">.03</a>
  758. {/block:iflink3title}
  759. {block:iflink4title}
  760. <a href="{text:link 4 url}" title="{text:link 4 title}">.04</a>
  761. {/block:iflink4title}
  762. {block:iflink5title}
  763. <a href="{text:link 5 url}" title="{text:link 5 title}">.05</a>
  764. {/block:iflink5title}
  765.  
  766. </div>
  767.     {/block:iftopnav}
  768.    
  769.  
  770. {description}
  771.  
  772. {block:ifnottopnav}
  773. <center><br>
  774.    
  775. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:helvetica; border:1px solid {color:border}; padding-top:1px; border-radius:3px; padding-bottom:1px; font-size:10px; line-height:12px; width: 110px; background:{color:top nav bg}; {block:ifwhitenav} color:white; {/block:ifwhitenav} {block:ifnotwhitenav} color:#3c3c3c; {/block:ifnotwhitenav}">
  776.  
  777.     <option value="/">navigation</option>
  778.    
  779.     {block:Iflink1url}
  780.     <option value="{text:link 1 url}">{text:link 1 title}</option>
  781.     {/block:Iflink1url}
  782.    
  783.     {block:Iflink2url}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:Iflink2url}
  784.    
  785.     {block:Iflink3url}
  786.     <option value="{text:link 3 url}">{text:link 3 title}</option>
  787.     {/block:Iflink3url}
  788.    
  789.     {block:Iflink4url}
  790.     <option value="{text:link 4 url}">{text:link 4 title}</option>
  791.     {/block:Iflink4url}
  792.    
  793.     {block:Iflink5url}
  794.     <option value="{text:link 5 url}">{text:link 5 title}</option>
  795.     {/block:Iflink5url}
  796.  
  797.     <option value="http://he1975.tumblr.com/">theme</option>
  798. </select></center>
  799.  
  800.  
  801. {/block:ifnottopnav}
  802.  
  803. </div>
  804.  
  805. <div id="under">
  806. </div>
  807.  
  808.  
  809.  
  810. </div>
  811.  
  812.  
  813.  
  814. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  815.  
  816. <div id="bgim">
  817.     <img src="{image:side image}" style="max-height:600px;
  818.    {block:if2columns}max-width:380px;{/block:if2columns} {block:ifnot2columns}max-width:500px;{/block:ifnot2columns}">
  819. </div>
  820.  
  821.  
  822.  
  823. <div id="posts">
  824. {block:Posts}
  825. <div id="entry">
  826.  
  827. {block:Text}
  828. {block:IndexPage}
  829. <div id="perm">
  830. <a href="{permalink}" title="{TimeAgo}">◑</a>
  831. <a href="{permalink}" title="{notecount} notes">◐</a>
  832. <a href="{ReblogURL}" title="reblog">◒</a>
  833.  
  834. </div>
  835. {/block:IndexPage}
  836. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  837. <span class="text">{Body}</span>
  838. {block:ifshowtags}
  839. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  840.    
  841. {/block:ifshowtags}
  842. {/block:Text}
  843.  
  844. {block:Link}
  845. {block:IndexPage}
  846. <div id="perm">
  847. <a href="{permalink}" title="{TimeAgo}">◑</a>
  848. <a href="{permalink}" title="{notecount} notes">◐</a>
  849. <a href="{ReblogURL}" title="reblog">◒</a>
  850. </div>
  851. {/block:IndexPage}
  852. <a href="{URL}" class="posttitle">{Name}</a>
  853. {block:Description}<span class="text">{Description}</span>{/block:Description}
  854. {block:ifshowtags}
  855. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  856.    
  857. {/block:ifshowtags}
  858. {/block:Link}
  859.  
  860. {block:Photo}
  861. {block:IndexPage}
  862. <div id="perm">
  863. <a href="{permalink}" title="{TimeAgo}">◑</a>
  864. <a href="{permalink}" title="{notecount} notes">◐</a>
  865. <a href="{ReblogURL}" title="reblog">◒</a>
  866. </div>
  867. {/block:IndexPage}
  868.  
  869. {block:IndexPage}
  870. <img src="{PhotoURL-HighRes}"/>
  871. {/block:IndexPage}
  872.  
  873. {block:PermalinkPage}
  874. {LinkOpenTag}
  875. <div class="photo">
  876. <a href="{permalink}">
  877. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>
  878. {block:Caption}{/block:Caption}
  879.    
  880. </div>
  881. {LinkCloseTag}
  882. {/block:PermalinkPage}
  883. {block:ifshowtags}
  884. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  885.    
  886. {/block:ifshowtags}
  887. {/block:Photo}
  888.  
  889. {block:Photoset}
  890. {block:IndexPage}
  891. <div id="perm">
  892. <a href="{permalink}" title="{TimeAgo}">◑</a>
  893. <a href="{permalink}" title="{notecount} notes">◐</a>
  894. <a href="{ReblogURL}" title="reblog">◒</a>
  895. </div>
  896. {/block:IndexPage}
  897. <div id="photoset">
  898. {block:if400px}
  899. {block:IndexPage}
  900. {Photoset-400}
  901. {/block:IndexPage}
  902. {/block:if400px}
  903. {block:ifnot400px}
  904. {block:IndexPage}
  905. {Photoset-250}
  906. {/block:IndexPage}
  907. {/block:ifnot400px}
  908.  
  909. {block:PermalinkPage}
  910. <center>
  911. {Photoset-400}</center>
  912. {/block:PermalinkPage}
  913. </div>
  914. {block:ifshowtags}
  915. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  916.    
  917. {/block:ifshowtags}
  918. {/block:Photoset}
  919.  
  920. {block:Quote}
  921. {block:IndexPage}
  922. <div id="perm">
  923. <a href="{permalink}" title="{TimeAgo}">◑</a>
  924. <a href="{permalink}" title="{notecount} notes">◐</a>
  925. <a href="{ReblogURL}" title="reblog">◒</a>
  926. </div>
  927. {/block:IndexPage}
  928. <span class="quote">❝ {Quote}</span>
  929. {block:Source}<div style="text-align:right;font-size:8px;">{Source}</div>{/block:Source}
  930. {block:ifshowtags}
  931. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  932.    
  933. {/block:ifshowtags}
  934. {/block:Quote}
  935.  
  936. {block:Chat}
  937. {block:IndexPage}
  938. <div id="perm">
  939. <a href="{permalink}" title="{TimeAgo}">◑</a>
  940. <a href="{permalink}" title="{notecount} notes">◐</a>
  941. <a href="{ReblogURL}" title="reblog">◒</a>
  942. </div>
  943. {/block:IndexPage}
  944. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  945. <ul class="chat">
  946. {block:Lines}
  947. <li class="user_{UserNumber}">
  948. {block:Label}
  949. <span class="label">{Label}</span>
  950. {/block:Label}
  951. {Line}
  952. </li>
  953. {/block:Lines}
  954. </ul>
  955. {block:ifshowtags}
  956. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  957.    
  958. {/block:ifshowtags}
  959. {/block:Chat}
  960.  
  961.  
  962. {block:Audio}
  963. {block:IndexPage}
  964. <div id="perm">
  965. <a href="{permalink}" title="{TimeAgo}">◑</a>
  966. <a href="{permalink}" title="{notecount} notes">◐</a>
  967. <a href="{ReblogURL}" title="reblog">◒</a>
  968. </div>
  969. {/block:IndexPage}
  970. {AudioPlayerWhite}
  971. {block:ifshowtags}
  972. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  973.    
  974. {/block:ifshowtags}
  975. {/block:Audio}
  976.  
  977. {block:Video}
  978. {block:IndexPage}
  979. <div id="perm">
  980. <a href="{permalink}" title="{TimeAgo}">◑</a>
  981. <a href="{permalink}" title="{notecount} notes">◐</a>
  982. <a href="{ReblogURL}" title="reblog">◒</a>
  983. </div>
  984. {/block:IndexPage}
  985. <center>
  986. <div style="padding-top:0px; padding-bottom:2px;">
  987. {block:if400px}
  988. {block:IndexPage}
  989. {Video-400}
  990. {/block:IndexPage}
  991. {/block:if400px}
  992. {block:ifnot400px}
  993. {block:IndexPage}
  994. {Video-250}
  995. {/block:IndexPage}
  996. {/block:ifnot400px}
  997.    
  998. </div>
  999. <div style="padding-bottom:5px;">{block:ifcaption}{Caption}{/block:ifcaption}</div>
  1000. {block:ifshowtags}
  1001. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1002.    
  1003. {/block:ifshowtags}
  1004. {block:Video}
  1005.  
  1006.  
  1007.  
  1008. {block:Answer}
  1009. {block:IndexPage}
  1010. <div id="perm">
  1011.  
  1012. <a href="{permalink}" title="{TimeAgo}">◑</a>
  1013. <a href="{permalink}" title="{notecount} notes">◐</a>
  1014. <a href="{ReblogURL}" title="reblog">◒</a>
  1015.  
  1016. </div>
  1017. {/block:IndexPage}
  1018. <br>
  1019. <div class="question">{Asker}: {Question}&nbsp;</div>
  1020. <div class="answer">{Answer}</div>
  1021. {block:ifshowtags}
  1022. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1023.    
  1024. {/block:ifshowtags}
  1025. {/block:Answer}
  1026.  
  1027. {block:PostNotes}<div align="left">{caption}</div>
  1028. <center>
  1029.  
  1030. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1031.  
  1032.  
  1033. {block:RebloggedFrom}
  1034. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1035. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1036.  
  1037. {/block:RebloggedFrom}
  1038. </center></span>
  1039. <br>
  1040. <div id="postnotes">{PostNotes}</div><br>
  1041.  
  1042. <center>{block:ContentSource}
  1043. <br><a href="{SourceURL}">
  1044. {lang:Source}:
  1045. {block:SourceLogo}
  1046. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1047. height="{LogoHeight}" alt="{SourceTitle}" />
  1048. {/block:SourceLogo}
  1049. {block:NoSourceLogo}
  1050. {SourceLink}
  1051. {/block:NoSourceLogo}
  1052. </a>
  1053. {/block:ContentSource}</center>
  1054.  
  1055.  
  1056.  
  1057. {block:ifshowtags}
  1058. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1059.    
  1060. {/block:ifshowtags}
  1061.  
  1062.  
  1063. {/block:PostNotes}
  1064. </div>
  1065. {/block:Posts}
  1066. </body></head>
  1067.  
  1068. <div style="position:fixed;bottom:5px;right:5px;z-index:999"><a href="http://he1975.tumblr.com" title="he1975">jae.</a></div>
  1069.  
  1070. </div>
  1071.  
  1072. </div>
  1073.  
  1074. </div>
  1075.  
  1076. </div>
  1077.  
  1078. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!