senpiez

theme 020

Sep 8th, 2014
45,992
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.72 KB | None | 0 0
  1. <!-------------------------------------------------
  2.  
  3. ✧・゚:*✧・゚:* \(◕‿◕✿)/ *:・゚✧*:・゚✧
  4. theme made by senpiez.tumblr.com
  5. please dont steal my theme
  6. i dont like being mean
  7. but my codings take me a really long time to make
  8. and it would mean the world to me
  9. if you wouldnt be a butt
  10. by stealing my themes.
  11. also
  12. it is illegal
  13. :~)
  14. have a nice day
  15. and enjoy this theme <3
  16.  
  17. ✧・゚:*✧・゚:* \(◕ω◕✿)/ *:・゚✧*:・゚✧
  18.  
  19. -------------------------------------------------->
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head><title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="image:background" content=""/>
  28. <meta name="image:sidebar" content="" />
  29. <meta name="image:side image" content="" />
  30.  
  31. <meta name="color:background" content="#f3f3f3"/>
  32. <meta name="color:text" content="#000"/>
  33. <meta name="color:link" content="#000"/>
  34. <meta name="color:link hover" content="#eee"/>
  35. <meta name="color:scrollbar" content="#000"/>
  36. <meta name="color:bordering" content="#000"/>
  37. <meta name="color:posts" content="#d7d7d7"/>
  38. <meta name="color:sidebar" content="#d7d7d7"/>
  39. <meta name="color:border" content="#dfdfdf"/>
  40. <meta name="color:text selection" content="#eee"/>
  41. <meta name="color:selection text" content="#000"/>
  42. <meta name="color:gradient 1" content="#5ECCAD" />
  43. <meta name="color:gradient 2" content="#7AB8F5" />
  44. <meta name="color:nav menu text" content="#000" />
  45. <meta name="color:nav menu" content="#fff" />
  46. <meta name="color:nav menu border" content="#000"/>
  47.  
  48. <meta name="if:pagination" content="0"/>
  49. <meta name="if:sidebar image" content="0" />
  50. <meta name="if:250px" content="1"/>
  51. <meta name="if:400px" content="0"/>
  52. <meta name="if:two columns" content="1"/>
  53. <meta name="if:show captions" content="0" />
  54. <meta name="if:show tags" content="0" />
  55. <meta name="if:faded images" content="0" />
  56. <meta name="if:shadow" content="0" />
  57. <meta name="if:grayscale" content="0" />
  58. <meta name="if:Maximised Background Image" content="0"/>
  59.  
  60. <meta name="text:link 1 title" content="index"/>
  61. <meta name="text:link 1 url" content=""/>
  62. <meta name="text:link 2 title" content=""/>
  63. <meta name="text:link 2 url" content=""/>
  64. <meta name="text:link 3 title" content=""/>
  65. <meta name="text:link 3 url" content=""/>
  66. <meta name="text:link 4 title" content=""/>
  67. <meta name="text:link 4 url" content=""/>
  68. <meta name="text:link 5 title" content=""/>
  69. <meta name="text:link 5 url" content=""/>
  70. <meta name="text:link 6 title" content=""/>
  71. <meta name="text:link 6 url" content=""/>
  72. <meta name="text:link 7 title" content=""/>
  73. <meta name="text:link 7 url" content=""/>
  74.  
  75. <meta name="select:side image position" content="bottom:-5px;right:-5px;" title="bottom right" />
  76. <meta name="select:side image position" content="bottom:-5px;left:-5px;" title="bottom left" />
  77. <meta name="select:side image position" content="top:0px;right:-5px;" title="top right" />
  78. <meta name="select:side image position" content="top:0px;left:-5px;" title="top left" />
  79. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){$(document)
  85. .ready(function(){$("[title]")
  86. .style_my_tooltips();});})
  87. (jQuery);
  88. </script>
  89.  
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95. /***Selected Text***/
  96.  
  97. ::-moz-selection {
  98. background: {color:text selection};
  99. color:{color:selection text};
  100.  
  101. }
  102.  
  103. ::selection {
  104. background: {color:text selection};
  105. color:{color:selection text};
  106.  
  107. }
  108.  
  109.  
  110.  
  111. /***Scrollbar***/
  112.  
  113. ::-webkit-scrollbar {
  114. width:7px;
  115. height:7px;
  116. background-color:{color:background};
  117.  
  118. }
  119.  
  120. ::-webkit-scrollbar-track {
  121. background-color:{color:background};
  122.  
  123. }
  124.  
  125. ::-webkit-scrollbar-thumb {
  126. background-color:{color:scrollbar};
  127. border:1px solid {color:background};
  128. }
  129.  
  130.  
  131. /***Tumblr Buttons***/
  132.  
  133. iframe#tumblr_controls {
  134. position: fixed !important;
  135. -webkit-transition: opacity 0.7s linear;
  136. opacity: 0.5;
  137. -webkit-transition: all 0.8s ease-out;
  138. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  139. -webkit-filter:invert(100%);
  140. }
  141.  
  142. iframe#tumblr_controls:hover{
  143. -webkit-transition: opacity 0.7s linear;
  144. opacity: 0.8;
  145. -webkit-transition: all 0.4s ease-out;
  146. -moz-transition: all 0.4s ease-out;
  147. transition: all 0.4s ease-out;
  148. }
  149.  
  150.  
  151.  
  152. {block:IfMaximisedBackgroundImage}
  153. #bg img {
  154. z-index:-2;
  155. position:fixed;
  156. top:0;
  157. left:0;
  158. height:100%;
  159. width:100%;
  160. }
  161. {/block:IfMaximisedBackgroundImage}
  162.  
  163.  
  164. /*** side image: DO NOT EDIT ***/
  165. #bgim {
  166. z-index: -1;
  167. {select:side image position}
  168. position: fixed;
  169. }
  170.  
  171.  
  172. /*** Hovered Links Text ***/
  173.  
  174. #s-m-t-tooltip {
  175. padding: 4px;
  176. height:auto;
  177. display: none;
  178. font-family: arial;
  179. font-size: 10px;
  180. text-transform:lowercase;
  181. text-align: center;
  182. letter-spacing:1px;
  183. margin-top:10px;
  184. margin-left: 15px;
  185. line-height: 12px;
  186. z-index: 999999999999;
  187. border: 1px outset #000;
  188. background:#ffffff;
  189. color: #000;
  190.  
  191. }
  192.  
  193.  
  194.  
  195.  
  196. /********* Edit Theme Here ********/
  197.  
  198. body {
  199. background:{color:background} url('{image:background}');
  200. background-attachment: fixed;
  201. color:{color:text};
  202. font-family:arial;
  203. font-size:9px;
  204. text-align:;
  205. margin:0;
  206. text-transform:lowercase;
  207. letter-spacing:1px;
  208. line-height:13px;
  209. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  210. overflow-x:hidden;
  211.  
  212.  
  213. }
  214.  
  215.  
  216. a {
  217. color:{color:link};
  218. text-decoration:none;
  219. transition: all 0.6s ease-out;
  220. -webkit-transition: all 0.6s ease-out;
  221. -moz-transition: all 0.6s ease-out;
  222. -o-transition: all 0.6s ease-out;
  223. }
  224.  
  225.  
  226. a:hover {
  227. color:{color:link hover};
  228. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  229. }
  230.  
  231.  
  232. img{
  233. border:none;
  234. text-decoration:none;
  235.  
  236. }
  237.  
  238.  
  239. small {
  240. font-size:9px;
  241.  
  242. }
  243.  
  244. big {
  245. font-size:12px;
  246.  
  247. }
  248.  
  249.  
  250.  
  251. #container {
  252. margin-left:300px;
  253. position:absolute;
  254. {block:if250px}
  255. {block:ifnottwocolumns}
  256. margin-left:265px;
  257. margin-left:325px;
  258. {/block:ifnottwocolumns}
  259. {/block:if250px}
  260. {block:if250px}
  261. {block:ifnottwocolumns}
  262. margin-left:385px;
  263. {/block:ifnottwocolumns}
  264. {/block:if250px}
  265. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  266. {block:PermalinkPage}
  267. width: 400px;
  268. {block:PermalinkPage}
  269.  
  270. }
  271.  
  272.  
  273.  
  274. /***All posts***/
  275.  
  276. #posts {
  277. margin-top:25px;
  278. {block:if250px}
  279. {block:ifnottwocolumns}
  280. width:250px;
  281. {/block:ifnottwocolumns}
  282. {block:iftwocolumns}
  283. width:760px;
  284. {/block:iftwocolumns}
  285. {/block:if250px}
  286. {block:if400px}
  287. {block:ifnottwocolumns}
  288. width:400px;
  289. {/block:ifnottwocolumns}
  290. {block:iftwocolumns}
  291. width:400px;
  292. {/block:iftwocolumns}
  293. {/block:if400px}
  294. padding:20px;
  295. height:110%;
  296. padding-bottom:0px;
  297. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  298.  
  299. }
  300.  
  301.  
  302.  
  303. /*** Individual Posts ***/
  304.  
  305. #entry {
  306. background-color: {color:posts};
  307. {block:if250px}
  308. width:250px;
  309. {/block:if250px}
  310. {block:if400px}
  311. width:400px;
  312. {/block:if400px}
  313. {block:IndexPage}
  314. margin-bottom:40px;
  315. {/block:IndexPage}
  316. margin-left:80px;
  317. margin-top:30px;
  318. padding-bottom: 5px;
  319. padding-left:5px;
  320. padding-right:5px;
  321. padding-top:25px;
  322. border:1px outset {color:border};
  323. {block:ifshadow}
  324. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  325. {/block:ifshadow}
  326. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  327. {block:PermalinkPage}
  328. width: 400px;
  329. {/block:PermalinkPage}
  330.  
  331. }
  332.  
  333.  
  334. #entry img {
  335. {block:if250px}
  336. max-width:250px;
  337. {/block:if250px}
  338. {block:if400px}
  339. max-width:400px;
  340. {/block:if400px}
  341. {block:iffadedimages}
  342. opacity:0.8;
  343. {/block:iffadedimages}
  344. {block:ifgrayscale}
  345. -webkit-filter: Grayscale(95%);
  346. {/block:ifgrayscale}
  347. -webkit-transition: opacity 0.8s linear;
  348. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  349. {block:PermalinkPage}
  350. width: 400px;
  351. background:transparent;
  352. border:none;
  353. {block:PermalinkPage}
  354. padding-bottom:-4px;
  355. vertical-align: bottom;
  356.  
  357. }
  358.  
  359.  
  360. #entry img:hover{
  361. {block:iffadedimages}
  362. opacity:1;
  363. {/block:iffadedimages}
  364. {block:ifgrayscale}
  365. -webkit-filter: Grayscale(5%);
  366. {/block:ifgrayscale}-webkit-transition: all .7s ease;
  367. -moz-transition: all .7s ease;
  368. -o-transition: all .7s ease;
  369. transition: all .7s ease;
  370. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  371.  
  372. }
  373.  
  374.  
  375.  
  376. #tags {
  377. letter-spacing:0px;
  378. text-transform:lowercase;
  379. font-size:10px;
  380. display:inline-block;
  381. padding: 2px;
  382. font-style:none;
  383. margin-top:5px;
  384. text-align:left;
  385. margin-left: 0px;
  386. {block:ifnot400px}
  387. width:242px;
  388. {/block:ifnot400px}
  389. {block:if400px}
  390. width:392px;
  391. {/block:if400px}
  392. background-color: transparent;
  393. color:{color:tags};
  394. border:2px inset white;
  395.  
  396.  
  397. }
  398.  
  399.  
  400. #tags a {
  401. padding: 2px;
  402. text-align:left;
  403. text-decoration:none;
  404. background-color: transparent;
  405. color:{color:tags};
  406.  
  407. }
  408.  
  409.  
  410. #tags a:hover {
  411. text-decoration:underline;
  412. }
  413.  
  414.  
  415.  
  416. #perm{
  417. position:absolute;
  418. font-family:consolas;
  419. font-size:8px;
  420. text-align:right;
  421. text-transform:uppercase;
  422. padding-right:4px;
  423. margin-top:-25px;
  424. height:14px;
  425. margin-left:-5px;
  426. {block:ifnot400px}
  427. width:257px;
  428. {/block:ifnot400px}
  429. {block:if400px}
  430. width:407px;
  431. {/block:if400px}
  432. padding-bottom:3px;
  433. padding-top:3px;
  434. letter-spacing:1px;
  435. z-index:11;
  436. background: {color:gradient 1}; /* Old browsers */
  437. background: -moz-linear-gradient(left, {color:gradient 1} 10%, {color:gradient 2} 90%); /* FF3.6+ */
  438. background: -webkit-gradient(linear, left top, right top, color-stop(0%,{color:gradient 1}), color-stop(99%,{color:gradient 2})); /* Chrome,Safari4+ */
  439. background: -webkit-linear-gradient(left, {color:gradient 1} 10%,{color:gradient 2} 90%); /* Chrome10+,Safari5.1+ */
  440. background: -o-linear-gradient(left, {color:gradient 1} 10%,{color:gradient 2} 90%); /* Opera 11.10+ */
  441. background: -ms-linear-gradient(left, {color:gradient 1} 10%,{color:gradient 2} 90%); /* IE10+ */
  442. background: linear-gradient(to right, {color:gradient 1} 10%,{color:gradient 2} 90%); /* W3C */
  443. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:gradient 1}', endColorstr='{color:gradient 2}',GradientType=1 ); /* IE6-9 */
  444.  
  445.  
  446. }
  447.  
  448.  
  449. #perm img{}
  450.  
  451.  
  452. #entry img, #entry li, #entry blockquote {
  453. max-width: 100%;}
  454.  
  455. .caption {
  456. width:100%;
  457. margin-top:10px;
  458.  
  459. }
  460.  
  461.  
  462.  
  463.  
  464. #caption {
  465. border:1px inset white;
  466. margin-top:5px;
  467. padding:3px;
  468. }
  469.  
  470. #stuffs {
  471. border:2px inset white;
  472. }
  473.  
  474.  
  475.  
  476. blockquote {
  477. padding:5px 0 5px 5px;
  478. margin-left:5px;
  479. }
  480.  
  481.  
  482. iframe.photoset {
  483. {block:iffadedimages}
  484. opacity:0.8;
  485. {/block:iffadedimages}
  486. {block:ifgrayscale}
  487. -webkit-filter: Grayscale(95%);
  488. {/block:ifgrayscale}
  489. }
  490.  
  491. iframe.photoset:hover {
  492. {block:iffadedimages}
  493. opacity:1;
  494. {/block:iffadedimages}
  495. {block:ifgrayscale}
  496. -webkit-filter: Grayscale(5%);
  497. {/block:ifgrayscale}
  498. -moz-transition: all .7s ease;
  499. -o-transition: all .7s ease;
  500. transition: all .7s ease;
  501.  
  502. }
  503.  
  504.  
  505.  
  506.  
  507.  
  508. /********** Styled Posts ***********/
  509.  
  510.  
  511.  
  512. /* Questions */
  513.  
  514. .question {
  515. margin-bottom:10px;
  516. padding-bottom:5px;
  517. border-bottom:1px solid {color:bordering};
  518. }
  519.  
  520. .asker {
  521. font-weight:bold;
  522. padding-bottom:5px;
  523. }
  524.  
  525. .answer {
  526. margin-top:10px;
  527. }
  528.  
  529. .chat ol {
  530. padding:0;
  531. list-style:none;
  532. }
  533.  
  534. .line {padding:5px 0;}
  535.  
  536. .label {font-weight:bold;}
  537.  
  538.  
  539.  
  540. /* Quotes */
  541.  
  542. #titlequote{
  543. text-align:left;
  544. font-size:10px;
  545. line-height:18px;
  546. font-weight:bold;
  547. }
  548.  
  549.  
  550. #source {
  551. margin-top:15px;
  552. margin-left:15px;}
  553.  
  554.  
  555. /* Audio */
  556.  
  557. .audio{
  558. width:140px;
  559. overflow:hidden;
  560. margin-top:-3px;
  561. margin-left:110px;
  562. }
  563.  
  564. img.album{
  565. max-width:105px;
  566. position:relative;
  567. }
  568.  
  569. .musicinfo{
  570. margin-left:110px;
  571. margin-top:-105px;
  572. overflow:auto;
  573. padding:5px;
  574. height:55px;
  575. background:;
  576. }
  577.  
  578.  
  579.  
  580.  
  581. /*** Sidebar ***/
  582. #sidey {
  583. width:165px;
  584. height:auto;
  585. border:1px outset {color:border};
  586. margin-left:100px;
  587. margin-top: 150px;
  588. background:{color:sidebar};
  589. position:fixed;
  590. padding:5px;
  591. {block:ifnotsidebarimage}
  592. margin-top:200px;
  593. {/block:ifnotsidebarimage}
  594. {block:if250px}
  595. {block:ifnottwocolumns}
  596. margin-left:180px;
  597. {/block:ifnottwocolumns}
  598. {/block:if250px}
  599. }
  600.  
  601.  
  602. #sidey img {
  603. width:155px;
  604. height:auto;
  605. }
  606.  
  607.  
  608. #nav {
  609. background: {color:gradient 1}; /* Old browsers */
  610. background: -moz-linear-gradient(left, {color:gradient 1} 10%, {color:gradient 2} 90%); /* FF3.6+ */
  611. background: -webkit-gradient(linear, left top, right top, color-stop(0%,{color:gradient 1}), color-stop(99%,{color:gradient 2})); /* Chrome,Safari4+ */
  612. background: -webkit-linear-gradient(left, {color:gradient 1} 10%,{color:gradient 2} 90%); /* Chrome10+,Safari5.1+ */
  613. background: -o-linear-gradient(left, {color:gradient 1} 10%,{color:gradient 2} 90%); /* Opera 11.10+ */
  614. background: -ms-linear-gradient(left, {color:gradient 1} 10%,{color:gradient 2} 90%); /* IE10+ */
  615. background: linear-gradient(to right, {color:gradient 1} 10%,{color:gradient 2} 90%); /* W3C */
  616. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:gradient 1}', endColorstr='{color:gradient 2}',GradientType=1 ); /* IE6-9 */
  617. position:absolute;
  618. font-family:consolas;
  619. font-size:8px;
  620. text-align:right;
  621. text-transform:uppercase;
  622. padding-right:4px;
  623. margin-top:-25px;
  624. height:14px;
  625. margin-left:-6px;
  626. width:173px;
  627. padding-bottom:3px;
  628. padding-top:3px;
  629. letter-spacing:1px;
  630. z-index:11;
  631. }
  632.  
  633.  
  634. #nav img{
  635. width:16px;
  636. }
  637.  
  638.  
  639. #nav 2 {
  640.  
  641. }
  642.  
  643.  
  644.  
  645.  
  646.  
  647. /*** Permalink Page ***/
  648.  
  649. .permalinkpage{
  650. text-align:center;
  651. margin:auto;
  652. background:transparent;
  653. border:none;
  654.  
  655. }
  656.  
  657. .postnotes {
  658. {block:IndexPage}
  659. display: none!important;
  660. {/block:IndexPage}
  661. width:400px;
  662. text-align:left;
  663. margin-top:3px;
  664. }
  665.  
  666. .postnotes li {
  667. list-style-type:none;
  668. padding:5px 0px;
  669. text-align:left;
  670. margin:0 0 0 -40px;
  671. }
  672.  
  673. .postnotes img {
  674. display:none!important;
  675. }
  676.  
  677.  
  678. {CustomCSS}
  679. </style>
  680.  
  681. {block:ifnotpagination}
  682. {block:indexpage}
  683. {block:NextPage}
  684. <div id="page-nav"><a href="{NextPage}"></a></div>
  685. {/block:NextPage}
  686. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  687. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  688. <script type="text/javascript">
  689. $(window).load(function(){
  690. var $wall = $('#posts');
  691. $wall.imagesLoaded(function(){
  692. $wall.masonry({
  693. itemSelector: '#entry, #entry_photo',
  694. isAnimated : false
  695. });
  696. });
  697.  
  698. $wall.infinitescroll({
  699. navSelector : '#page-nav',
  700. nextSelector : '#page-nav a',
  701. itemSelector : '#entry, #entry_photo',
  702. bufferPx : 2000,
  703. debug : false,
  704. errorCallback: function() {
  705. $('#infscr-loading').fadeOut('normal');
  706. }},
  707. function( newElements ) {
  708. var $newElems = $( newElements );
  709. $newElems.hide();
  710. $newElems.imagesLoaded(function(){
  711. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  712. });
  713. }); $('#content').show(500);
  714. });
  715. </script>
  716. {/block:indexpage}
  717. {/block:ifnotpagination}
  718.  
  719. {block:ifpagination}
  720. {block:NextPage}
  721. <div id="page-nav"><a href="{NextPage}"></a></div>
  722. {/block:NextPage}
  723. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  724. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  725. <script type="text/javascript">
  726. $(window).load(function(){
  727. var $wall = $('#posts');
  728. $wall.imagesLoaded(function(){
  729. $wall.masonry({
  730. itemSelector: '#entry, #entry_photo',
  731. isAnimated : false
  732. });
  733. });
  734.  
  735. $wall.infinitescroll({
  736. navSelector : '#nh-nav',
  737. nextSelector : '#rn-nav a',
  738. itemSelector : '#nr, #entry_photo',
  739. bufferPx : 2000,
  740. debug : false,
  741. errorCallback: function() {
  742. $('#inding').fadeOut('normal');
  743. }},
  744. function( newElements ) {
  745. var $newElems = $( newElements );
  746. $newElems.hide();
  747. $newElems.imagesLoaded(function(){
  748. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  749. });
  750. }); $('#conent').show(500);
  751. });
  752. </script>
  753. {/block:ifpagination}
  754.  
  755.  
  756. </head>
  757. <body>
  758.  
  759.  
  760. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  761.  
  762. <div id="bgim">
  763. <img src="{image:side image}" style="max-height:650px; max-width:480px; {block:ifgrayscale}-webkit-filter: Grayscale(99%);{/block:ifgrayscale} opacity:0.8;">
  764. </div>
  765.  
  766.  
  767.  
  768. <div id="sidey">
  769. <div id="nav">
  770. <a href="/archive" title="archive"><img src="https://31.media.tumblr.com/74cab287d11e5d00036c09c75101a375/tumblr_inline_nb0y13nRs91sbfysw.png" ></a>
  771. <a href="/ask" title="message"><img src="https://31.media.tumblr.com/3c40921397a12ca56e9185b816e8e280/tumblr_inline_nb0y19IrNy1sbfysw.png" ></a>
  772. <a href="/" title="home"><img src="https://31.media.tumblr.com/ecad6f31db9fc8bf8d14f2214dbe5a4b/tumblr_inline_naz3sihqg71sbfysw.png" ></a>
  773.  
  774. </div>
  775.  
  776. <center>
  777. {block:ifsidebarimage}<img src="{image:sidebar}"></img><p>{/block:ifsidebarimage}
  778. {description}
  779.  
  780. <p></p>
  781. {block:iflink1url}
  782. <center><select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:courier new; font-size:12px; color:{color:nav menu text}; border:1px inset {color:nav menu border}; width: 130px; background:{color:nav menu}; ">
  783. <option value="/">navigation</option>
  784.  
  785. <option value="{text:link 1 url}">{text:link 1 title}</option>
  786. {/block:iflink1url}
  787. {block:iflink2url}
  788. <option value="{text:link 2 url}">{text:link 2 title}</option>
  789. {/block:iflink2url}
  790. {block:iflink3url}
  791. <option value="{text:link 3 url}">{text:link 3 title}</option>
  792. {/block:iflink3url}
  793. {block:iflink4url}
  794. <option value="{text:link 4 url}">{text:link 4 title}</option>
  795. {/block:iflink4url}
  796. {block:iflink5url}
  797. <option value="{text:link 5 url}">{text:link 5 title}</option>
  798. {/block:iflink5url}
  799. {block:iflink6url}
  800. <option value="{text:link 6 url}">{text:link 6 title}</option>
  801. {/block:iflink6url}
  802. {block:iflink7url}
  803. <option value="{text:link 7 url}">{text:link 7 title}</option>
  804. {/block:iflink7url}
  805.  
  806. </center>
  807.  
  808.  
  809. </select>
  810. {block:ifpagination}
  811. <div id="pagi">
  812. <center>
  813. <p>
  814. {block:Pagination}
  815. {block:PreviousPage}
  816. <a href="{PreviousPage}"style="font-size:12px;">« prev </a>
  817. {/block:PreviousPage}
  818. {block:NextPage}
  819. <a href="{NextPage}"style="font-size:12px;"> next »</a>
  820. {/block:NextPage}
  821. {/block:Pagination}
  822. </center>
  823. </div>
  824. {/block:ifpagination}
  825.  
  826.  
  827. </div>
  828.  
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835. </center>
  836. </div>
  837.  
  838.  
  839.  
  840. <div id="container">
  841. <div id="posts">
  842. {block:Posts}
  843. <div id="entry">
  844.  
  845. {block:IndexPage}
  846. <div id="perm">
  847. <a href="{permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/74cab287d11e5d00036c09c75101a375/tumblr_inline_nb0y13nRs91sbfysw.png" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  848. <a href="{permalink}" title="{notecount} notes"><img src="https://31.media.tumblr.com/3c40921397a12ca56e9185b816e8e280/tumblr_inline_nb0y19IrNy1sbfysw.png" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  849. <a href="{ReblogURL}" title="reblog"><img src="https://31.media.tumblr.com/ecad6f31db9fc8bf8d14f2214dbe5a4b/tumblr_inline_naz3sihqg71sbfysw.png" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  850. </div>
  851. {/block:IndexPage}
  852.  
  853.  
  854.  
  855. {block:Quote}
  856.  
  857. <div id="titlequote">“{Quote}”</div>
  858. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  859.  
  860. {/block:Quote}
  861.  
  862.  
  863.  
  864. {block:Text}
  865. {block:Title}
  866. <div id="title">{Title}</div>{/block:Title}
  867. <div id="caption">
  868. {Body}
  869. </div>
  870. {/block:Text}
  871.  
  872.  
  873. {block:Link}
  874.  
  875. <div id="title"><a href="{URL}">{Name}</a></div>
  876. <div id="caption">
  877. {block:Description}{Description}{/block:Description}
  878. </div>
  879. {/block:Link}
  880.  
  881. {block:Chat}
  882. {block:Title}
  883. <h1>{Title}</h1>
  884. {/block:Title}
  885. <div class="chat">
  886. <ol>{block:Lines}
  887. <li class="line {Alt}">
  888. {block:Label}
  889. <span class="label">
  890. {Label}</span>
  891. {/block:Label}{Line}</li>
  892. {/block:Lines}
  893. </ol></div>
  894. {/block:Chat}
  895.  
  896. {block:Photo}
  897. <div id="stuffs"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></div>
  898.  
  899. {block:ifshowcaptions}
  900.  
  901. {block:Caption}
  902. <div id="caption">
  903. {Caption}
  904. </div>
  905. {/block:Caption}
  906.  
  907. {/block:ifshowcaptions}
  908.  
  909. {/block:Photo}
  910.  
  911. {block:Photoset}
  912.  
  913. {block:if250px}
  914. {Photoset-250}
  915. {/block:if250px}
  916. {block:if400px}
  917. {Photoset-400}
  918. {/block:if400px}
  919.  
  920.  
  921. {block:ifshowcaptions}
  922. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  923. {/block:ifshowcaptions}
  924.  
  925. {/block:Photoset}
  926.  
  927.  
  928. {block:Video}
  929. {block:if250px}
  930. {Video-250}
  931. {/block:if250px}
  932. {block:if400px}
  933. {Video-400}
  934. {/block:if400px}
  935.  
  936. {block:ifshowcaptions}
  937. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  938. {/block:ifshowcaptions}
  939.  
  940. {/block:Video}
  941.  
  942. <div style="position:fixed; background-color: {color:post bg}; right:10px; bottom:10px; padding:4px; color: {color:bordering}; border:1px solid {color:bordering}; font-size:10px;"><a title="theme by senpiez"href="http://senpiez.tumblr.com/">作成者</a></div>
  943. {block:Audio}
  944. {block:AlbumArt}
  945. <img class="album" src="{AlbumArtURL}" width="105"/>
  946. {/block:AlbumArt}
  947. <div class="musicinfo">
  948. {block:TrackName}
  949. {TrackName}</p>
  950. {/block:TrackName}
  951. {block:Artist}
  952. {Artist}</p>
  953. {/block:Artist}
  954. {block:Album}
  955. {Album}</p>
  956. {/block:Album}</div>
  957. <br>
  958. <div class="audio">{AudioPlayerGrey}</div>
  959.  
  960. {block:ifshowcaptions}
  961. {block:Caption}
  962. <div id="caption">{Caption}</div>
  963. {/block:Caption}
  964. {/block:ifshowcaptions}
  965.  
  966.  
  967. {/block:Audio}
  968.  
  969. {block:Answer}
  970.  
  971. <div class="question">
  972. <div class="asker">{Asker} said: </div>
  973. {Question}
  974. </div>
  975. <div class="answer">{Answer}</div>
  976.  
  977. {block:ifshowcaptions}
  978. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  979. {/block:ifshowcaptions}
  980.  
  981. {/block:Answer}
  982.  
  983.  
  984.  
  985.  
  986.  
  987. {block:ifshowtags}
  988. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  989. <img src="https://31.media.tumblr.com/934e7102bdaf509e4a12477c963c1524/tumblr_inline_nb359k6Dmh1sbfysw.png" style="float:right; margin-top:-22px; width:auto; height:22px;"></img>
  990. {/block:ifshowtags}
  991.  
  992.  
  993.  
  994.  
  995.  
  996. {block:PermalinkPage}
  997. {block:PostNotes}
  998. {DayOfMonth} {Month} {Year} {block:PostNotes}+ {NoteCountWithLabel}{/block:PostNotes}
  999. {block:PostNotes}
  1000. <div class="postnotes">{PostNotes}</div>
  1001. {/block:PostNotes}
  1002. {/block:PermalinkPage}
  1003.  
  1004.  
  1005.  
  1006.  
  1007.  
  1008. </div>
  1009.  
  1010.  
  1011.  
  1012.  
  1013. {/block:Posts}
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019. </div>
  1020. </div>
  1021. </div>
  1022.  
  1023. <!-- {block:NoRebloggedFrom}
  1024. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1025. {/block:NoRebloggedFrom} -->
  1026.  
  1027.  
  1028. {block:ContentSource}
  1029. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1030. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1031. {/block:SourceLogo}
  1032. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1033. {/block:ContentSource}
  1034.  
  1035.  
  1036.  
  1037. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment