senpiez

theme 017

Jul 16th, 2014
33,998
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.34 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. fishes by http://abowman.com/
  18.  
  19. ✧・゚:*✧・゚:* \(◕ω◕✿)/ *:・゚✧*:・゚✧
  20.  
  21. -------------------------------------------------->
  22. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24. <head><title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <meta name="image:background" content="http://38.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo2_250.png"/>
  30. <meta name="image:sidebar" content="" />
  31. <meta name="image:side image" content="" />
  32.  
  33. <meta name="color:background" content="#f3f3f3"/>
  34. <meta name="color:text" content="#000"/>
  35. <meta name="color:link" content="#000"/>
  36. <meta name="color:link hover" content="#eee"/>
  37. <meta name="color:scrollbar" content="#000"/>
  38. <meta name="color:bordering" content="#000"/>
  39. <meta name="color:sidebar bg" content="#000"/>
  40. <meta name="color:sb bordering" content="#fff"/>
  41. <meta name="color:sb text" content="#fff"/>
  42. <meta name="color:permalinks" content="#000"/>
  43. <meta name="color:tooltip bg" content="#000"/>
  44. <meta name="color:tooltip" content="#fff"/>
  45. <meta name="color:post bg" content="#FFF"/>
  46. <meta name="color:border" content="#dfdfdf"/>
  47. <meta name="color:text selection" content="#eee"/>
  48. <meta name="color:selection text" content="#000"/>
  49.  
  50. <meta name="if:pagination" content="1"/>
  51. <meta name="if:font 1" content="0"/>
  52. <meta name="if:font 2" content="1"/>
  53.  
  54. <meta name="if:200px" content="0"/>
  55. <meta name="if:250px" content="1"/>
  56. <meta name="if:400px" content="0"/>
  57. <meta name="if:two columns" content="1"/>
  58. <meta name="if:show captions" content="0" />
  59.  
  60. <meta name="if:fishes" content="1"/>
  61. <meta name="if:black fish tank" content="1"/>
  62. <meta name="if:white fish tank" content="0"/>
  63. <meta name="if:default fish tank" content="0"/>
  64. <meta name="if:tall sidebar" content="1"/>
  65. <meta name="if:sidebar image" content="0"/>
  66. <meta name="if:transparent sb" content="0"/>
  67.  
  68.  
  69. <meta name="if:transparent posts" content="0"/>
  70. <meta name="if:faded images" content="0" />
  71. <meta name="if:shadow" content="0" />
  72. <meta name="if:grayscale" content="1" />
  73. <meta name="if:scrollbar 1" content="1"/>
  74. <meta name="if:scrollbar 2" content="0"/>
  75. <meta name="if:small cursor" content="1" />
  76. <meta name="if:Maximised Background Image" content="0"/>
  77.  
  78. <meta name="text:link 1 title" content=""/>
  79. <meta name="text:link 1 url" content=""/>
  80. <meta name="text:link 2 title" content=""/>
  81. <meta name="text:link 2 url" content=""/>
  82. <meta name="text:link 3 title" content=""/>
  83. <meta name="text:link 3 url" content=""/>
  84. <meta name="text:link 4 title" content=""/>
  85. <meta name="text:link 4 url" content=""/>
  86. <meta name="text:link 5 title" content=""/>
  87. <meta name="text:link 5 url" content=""/>
  88.  
  89. <meta name="select:side image position" content="bottom:-5px;right:-5px;" title="bottom right" />
  90. <meta name="select:side image position" content="bottom:-5px;left:-5px;" title="bottom left" />
  91. <meta name="select:side image position" content="top:0px;right:-5px;" title="top right" />
  92. <meta name="select:side image position" content="top:0px;left:-5px;" title="top left" />
  93. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){$(document)
  99. .ready(function(){$("[title]")
  100. .style_my_tooltips();});})
  101. (jQuery);
  102. </script>
  103.  
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  109.  
  110. ::-moz-selection {
  111. background: {color:text selection};
  112. color:{color:selection text};
  113. }
  114.  
  115. ::selection {
  116. background: {color:text selection};
  117. color:{color:selection text};
  118. }
  119.  
  120. {block:ifscrollbar1}
  121. ::-webkit-scrollbar {
  122. width:7px;
  123. height:7px;
  124. background-color:{color:background};
  125. }
  126. ::-webkit-scrollbar-track {
  127. background-color:{color:background};
  128. }
  129. ::-webkit-scrollbar-thumb {
  130. background-color:{color:scrollbar};
  131. border:1px solid {color:background};
  132. }
  133. {block:ifscrollbar1}
  134.  
  135. {block:ifscrollbar2}
  136. ::-webkit-scrollbar-thumb:vertical {
  137. background: #000;
  138. background-image:url(http://static.tumblr.com/aegsbm3/Tfamxykq2/lines.png);
  139. border: 2px solid #000;
  140. height: 60px;
  141. }
  142. ::-webkit-scrollbar-thumb:vertical:hover {
  143. background: #000;
  144. background-image:url(http://static.tumblr.com/aegsbm3/Tfamxykq2/lines.png);
  145. border: 2px solid #000; }
  146. ::-webkit-scrollbar {
  147. height: 10px;
  148. width: 10px;
  149. background: #000;
  150. }
  151. ::-webkit-scrollbar-corner {
  152. background-color:#000;
  153. color:#000;
  154. }
  155. ::-webkit-scrollbar-thumb:horizontal {
  156. background-color:#000;
  157. }
  158. {/block:ifscrollbar2}
  159.  
  160. iframe#tumblr_controls {
  161. position: fixed !important;
  162. -webkit-transition: opacity 0.7s linear;
  163. opacity: 0.5;
  164. -webkit-transition: all 0.8s ease-out;
  165. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  166. -webkit-filter:invert(100%);
  167. }
  168.  
  169. iframe#tumblr_controls:hover{
  170. -webkit-transition: opacity 0.7s linear;
  171. opacity: 0.8;
  172. -webkit-transition: all 0.4s ease-out;
  173. -moz-transition: all 0.4s ease-out;
  174. transition: all 0.4s ease-out;
  175. }
  176.  
  177. {block:IfMaximisedBackgroundImage}
  178. #bg img {
  179. z-index:-2;
  180. position:fixed;
  181. top:0;
  182. left:0;
  183. height:100%;
  184. width:100%;
  185. }
  186. {/block:IfMaximisedBackgroundImage}
  187.  
  188. /*** side image: DO NOT EDIT ***/
  189. #bgim {
  190. z-index: -1;
  191. {select:side image position}
  192. position: fixed;
  193. }
  194.  
  195.  
  196. #s-m-t-tooltip {
  197. color:{color:tooltip};
  198. background:{color:tooltip bg};
  199. padding: 3px;
  200. height:auto;
  201. display: none;
  202. font-family: bitxmap;
  203. border:1px solid {color:border};
  204. font-size: 10px;
  205. text-transform:lowercase;
  206. text-align: center;
  207. letter-spacing:1px;
  208. margin-top:10px;
  209. margin-left: 15px;
  210. line-height: 10px;
  211. z-index: 999999999999;
  212. }
  213.  
  214. body {
  215. background:{color:background} url('{image:background}');
  216. background-attachment: fixed;
  217. color:{color:text};
  218. font-family:arial;
  219. font-size:9px;
  220. {block:iffont1}
  221. font-family:bitxmap;
  222. font-size:10px;
  223. {/block:iffont1}
  224. {block:iffont2}
  225. font-family:inconsolata;
  226. font-size:10px;
  227. {/block:iffont2}
  228. text-align:;
  229. margin:0;
  230. text-transform:lowercase;
  231. letter-spacing:1px;
  232. line-height:13px;
  233. {block:ifsmallcursor}
  234. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  235. {/block:ifsmallcursor}
  236. overflow-x:hidden;
  237. }
  238.  
  239.  
  240. a {
  241. color:{color:link};
  242. text-decoration:none;
  243. transition: all 0.6s ease-out;
  244. -webkit-transition: all 0.6s ease-out;
  245. -moz-transition: all 0.6s ease-out;
  246. -o-transition: all 0.6s ease-out;
  247. }
  248.  
  249. a:hover {
  250. color:{color:link hover};
  251. {block:ifsmallcursor}
  252. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  253. {/block:ifsmallcursor};
  254. }
  255.  
  256. img{
  257. border:none;
  258. text-decoration:none}
  259.  
  260.  
  261. small {
  262. font-size:9px;}
  263.  
  264. big {
  265. font-size:12px;}
  266.  
  267. #container {
  268. margin-left:250px;
  269. position:absolute;
  270.  
  271. {block:ifnottallsidebar}
  272. margin-left:265px;
  273. {block:iffishes}
  274. margin-left:325px;
  275.  
  276. {block:if250px}
  277. {block:ifnottwocolumns}
  278. margin-left:385px;
  279. {/block:ifnottwocolumns}
  280. {/block:if250px}
  281.  
  282. {/block:iffishes}
  283. {/block:ifnottallsidebar}
  284. {block:ifsmallcursor}
  285. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  286. {/block:ifsmallcursor}
  287. {block:PermalinkPage}
  288. width: 400px;
  289. {block:PermalinkPage}
  290.  
  291. }
  292.  
  293. #posts {
  294. margin-top:25px;
  295. {block:if200px}
  296. {block:ifnottwocolumns}
  297. width:200px;
  298. {/block:ifnottwocolumns}
  299. {block:iftwocolumns}
  300. width:760px;
  301. {/block:iftwocolumns}
  302. {/block:if200px}
  303.  
  304. {block:if250px}
  305. {block:ifnottwocolumns}
  306. width:250px;
  307. {/block:ifnottwocolumns}
  308. {block:iftwocolumns}
  309. width:760px;
  310. {/block:iftwocolumns}
  311. {/block:if250px}
  312.  
  313. {block:if400px}
  314. {block:ifnottwocolumns}
  315. width:400px;
  316. {/block:ifnottwocolumns}
  317. {block:iftwocolumns}
  318. width:400px;
  319. {/block:iftwocolumns}
  320. {/block:if400px}
  321. padding:20px;
  322. height:110%;
  323. padding-bottom:0px;
  324. {block:ifsmallcursor}
  325. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  326. {/block:ifsmallcursor}
  327.  
  328. }
  329.  
  330. #entry {
  331. {block:if200px}
  332. width:200px;
  333. {/block:if200px}
  334. {block:if250px}
  335. width:250px;
  336. {/block:if250px}
  337. {block:if400px}
  338. width:400px;
  339. {/block:if400px}
  340. {block:IndexPage}
  341. margin-bottom:40px;
  342. {/block:IndexPage}
  343. {block:PermalinkPage}
  344. width: 400px;
  345. background:transparent;
  346. border:none;
  347. {block:PermalinkPage}
  348. margin-left:80px;
  349. padding:10px 10px 7px 10px;
  350. background-color: {color:post bg};
  351. border:1px solid {color:bordering};
  352. {block:iftransparentposts}
  353. background:transparent;
  354. border:1px solid transparent;
  355. {/block:iftransparentposts}
  356. {block:ifshadow}
  357. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  358. {/block:ifshadow}
  359. {block:ifroundedcorners}
  360. border-radius: 5px;
  361. {/block:ifroundedcorners}
  362. {block:ifsmallcursor}
  363. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  364. {/block:ifsmallcursor}
  365.  
  366. }
  367.  
  368. #entry img {
  369. {block:if200px}
  370. max-width:200px;
  371. {/block:if200px}
  372. {block:if250px}
  373. max-width:250px;
  374. {/block:if250px}
  375. {block:if400px}
  376. max-width:400px;
  377. {/block:if400px}
  378. {block:iffadedimages}
  379. opacity:0.8;
  380. {/block:iffadedimages}
  381. {block:ifgrayscale}
  382. -webkit-filter: Grayscale(95%);
  383. {/block:ifgrayscale}
  384. -webkit-transition: opacity 0.8s linear;
  385. {block:ifsmallcursor}
  386. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  387. {/block:ifsmallcursor}
  388. {block:PermalinkPage}
  389. width: 400px;
  390. background:transparent;
  391. border:none;
  392. {block:PermalinkPage}
  393. }
  394.  
  395. #entry img:hover{
  396. {block:iffadedimages}
  397. opacity:1;
  398. {/block:iffadedimages}
  399. {block:ifgrayscale}
  400. -webkit-filter: Grayscale(5%);
  401. {/block:ifgrayscale}-webkit-transition: all .7s ease;
  402. -moz-transition: all .7s ease;
  403. -o-transition: all .7s ease;
  404. transition: all .7s ease;
  405. {block:ifsmallcursor}
  406. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  407. {/block:ifsmallcursor}
  408. }
  409.  
  410. .permalinkpage{
  411. text-align:center;
  412. margin:auto;
  413. background:transparent;
  414. border:none;
  415. }
  416.  
  417. #tall {
  418. left:0px;
  419. top:0px;
  420. height:110%;
  421. width:200px;
  422. background:{color:sidebar bg};
  423. position:fixed;
  424. z-index:3;
  425. border-right:1px solid {color:sb bordering};
  426. {block:ifnottallsidebar}
  427. background:transparent;
  428. border:none;
  429. {/block:ifnottallsidebar}
  430. }
  431.  
  432. {block:ifsidebarimage}
  433. #sidebarimage {
  434. width 100px;
  435. max-height:130px;
  436. background-color:{color:sidebar bg};
  437. border:1px solid {color:sb bordering};
  438. {block:iftransparentsb}
  439. background-color:transparent;
  440. border:none;
  441. {/block:iftransparentsb}
  442. }
  443.  
  444. #sidebarimage img {
  445. width:100px;
  446. max-height:130px;
  447. padding:6px;
  448. {block:iffadedimages}
  449. opacity:0.8;
  450. {/block:iffadedimages}
  451. {block:ifgrayscale}
  452. -webkit-filter: Grayscale(95%);
  453. {/block:ifgrayscale}
  454.  
  455. }
  456.  
  457. #sidebarimage img:hover {
  458. width:100px;
  459. {block:iffadedimages}
  460. opacity:1;
  461. {/block:iffadedimages}
  462. {block:ifgrayscale}
  463. -webkit-filter: Grayscale(5%);
  464. {/block:ifgrayscale}-webkit-transition: all .7s ease;
  465. -moz-transition: all .7s ease;
  466. -o-transition: all .7s ease;
  467. transition: all .7s ease;
  468. }
  469. {/block:ifsidebarimage}
  470.  
  471.  
  472. #desc{
  473. color:{color:sb text};
  474. margin-top:5px;
  475. letter-spacing:2px;
  476. text-align:center;
  477. padding-bottom:2px;
  478. background-color:{color:sidebar bg};
  479. padding:5px;
  480. border:1px solid {color:sb bordering};
  481. {block:iftransparentsb}
  482. background:transparent;
  483. border:none;
  484. {/block:iftransparentsb}
  485. }
  486.  
  487. #sidebar{
  488. width:120px;
  489. position:fixed;
  490. top:110px;
  491. {block:ifnotsidebarimage}
  492. top:170px;
  493. {/block:ifnotsidebarimage}
  494. padding:2px;
  495. margin-left:38px;
  496. z-index:3;
  497. font-family:arial;
  498. font-size:9px;
  499. {block:iffont1}
  500. font-family:bitxmap;
  501. font-size:10px;
  502. {/block:iffont1}
  503. {block:iffont2}
  504. font-family:inconsolata;
  505. font-size:10px;
  506. {/block:iffont2}
  507. {block:ifnottallsidebar}
  508. margin-left:138px;
  509. {block:iffishes}
  510. margin-left:238px;
  511. {block:if250px}
  512. {block:ifnottwocolumns}
  513. margin-left:288px;
  514. {/block:ifnottwocolumns}
  515. {/block:if250px}
  516. {/block:iffishes}
  517. {/block:ifnottallsidebar}
  518.  
  519. }
  520.  
  521. #lnks0111{
  522. font-size:10px;
  523. width:auto;
  524. margin-left:0px;
  525. text-align:center;
  526. color:{color:sb text};
  527. padding-bottom:5px;
  528. background-color:{color:sidebar bg};
  529. padding:5px;
  530. border:1px solid {color:sb bordering};
  531. {block:iftransparentsb}
  532. background:transparent;
  533. border:none;
  534. {/block:iftransparentsb}
  535. }
  536.  
  537. #lnks0111 a {
  538. color:{color:sb text};
  539. }
  540.  
  541.  
  542. #pagi {
  543. line-height:16px;
  544. text-transform:lowercase;
  545. font-family:consolas;
  546. padding-right:10px;
  547. padding-left:10px;
  548. padding-top:1px;
  549. margin-top:5px;
  550. font-size:11px;
  551. color:{color:sb text};
  552. background-color:{color:sidebar bg};
  553. padding:5px;
  554. border:1px solid {color:sb bordering};
  555. {block:iftransparentsb}
  556. background:transparent;
  557. border:none;
  558. {/block:iftransparentsb}
  559. }
  560.  
  561. #pagi a {
  562.  
  563. color:{color:sb text};
  564. }
  565.  
  566.  
  567.  
  568. #entry img, #entry li, #entry blockquote {max-width: 100%;}
  569. .caption {
  570. width:100%;
  571. margin-top:10px;
  572.  
  573. }
  574.  
  575. blockquote {
  576. padding:5px 0 5px 5px;
  577. margin-left:5px;
  578. }
  579.  
  580.  
  581.  
  582.  
  583. iframe.photoset {
  584. {block:iffadedimages}
  585. opacity:0.8;
  586. {/block:iffadedimages}
  587. {block:ifgrayscale}
  588. -webkit-filter: Grayscale(95%);
  589. {/block:ifgrayscale}
  590. }
  591.  
  592. iframe.photoset:hover {
  593. {block:iffadedimages}
  594. opacity:1;
  595. {/block:iffadedimages}
  596. {block:ifgrayscale}
  597. -webkit-filter: Grayscale(5%);
  598. {/block:ifgrayscale}
  599. -moz-transition: all .7s ease;
  600. -o-transition: all .7s ease;
  601. transition: all .7s ease;
  602. }
  603.  
  604. .question {
  605. margin-bottom:10px;
  606. padding-bottom:5px;
  607. border-bottom:1px solid {color:bordering};
  608. }
  609. .asker {
  610. font-weight:bold;
  611. padding-bottom:5px;
  612. }
  613.  
  614. .answer {
  615. margin-top:10px;
  616. }
  617.  
  618. .chat ol {
  619. padding:0;
  620. list-style:none;
  621. }
  622. .line {padding:5px 0;}
  623.  
  624. .label {font-weight:bold;}
  625.  
  626. #titlequote{text-align:left;
  627. font-size:10px;
  628. line-height:18px;
  629. font-weight:bold;
  630. }
  631.  
  632. #source {
  633. margin-top:15px;
  634. margin-left:15px;}
  635.  
  636. .audio{
  637. {block:ifnot200px}
  638. width:140px;
  639. {block:ifnot200px}
  640.  
  641. {block:if200px}
  642. width:100px;
  643. {block:if200px}
  644. overflow:hidden;
  645. margin-top:-3px;
  646. margin-left:110px;
  647. }
  648.  
  649. img.album{
  650. max-width:105px;
  651. position:relative;
  652. }
  653.  
  654. .musicinfo{
  655. margin-left:110px;
  656. margin-top:-105px;
  657. overflow:auto;
  658. padding:5px;
  659. height:55px;
  660. background:;
  661. }
  662.  
  663. .postnotes {
  664. {block:IndexPage}
  665. display: none!important;
  666. {/block:IndexPage}
  667. width:400px;
  668. text-align:left;
  669. margin-top:3px;
  670. }
  671.  
  672. .postnotes li {
  673. list-style-type:none;
  674. padding:5px 0px;
  675. text-align:left;
  676. margin:0 0 0 -40px;
  677. }
  678.  
  679. .postnotes img {
  680. display:none!important;
  681. }
  682.  
  683.  
  684. #entry:hover #info {
  685. opacity: 1;
  686. -webkit-transition: all 0.3s ease-in-out;
  687. -moz-transition: all 0.3s ease-in-out;
  688. -o-transition: all 0.3s ease-in-out;
  689. -ms-transition: all 0.3s ease-in-out; }
  690.  
  691. #info {
  692.  
  693. font-style: italic;
  694. {block:if200px}
  695. margin-left: 210px;
  696. width: 70px;
  697. {/block:if200px}
  698. {block:if250px}
  699. margin-left: 270px;
  700. width: 70px;
  701. {/block:if250px}
  702. {block:if400px}
  703. margin-left: 420px;
  704. width: 150px;
  705. {/block:if400px}
  706. font-family:arial;
  707. font-size:8px;
  708. {block:iffont1}
  709. font-family:bitxmap;
  710. font-size:10px;
  711. {/block:iffont1}
  712. {block:iffont2}
  713. font-family:inconsolata;
  714. font-size:10px;
  715. {block:if200px}
  716. margin-left: 215px;
  717. width: 70px;
  718. {/block:if200px}
  719. {/block:iffont2}
  720. margin-top:-5px;
  721. line-height: 10px;
  722. text-align: left;
  723. position: absolute;
  724. opacity: 0;
  725. display: inline-block;
  726. text-transform: uppercase;
  727. -webkit-transition: all 0.3s ease-in-out;
  728. -moz-transition: all 0.3s ease-in-out;
  729. -o-transition: all 0.3s ease-in-out;
  730. -ms-transition: all 0.3s ease-in-out;
  731. color:{color:permalinks};
  732. }
  733.  
  734. #info a {
  735. display: block;
  736. margin: 5px;
  737. color:{color:permalinks};}
  738.  
  739. #info a:hover {
  740. -webkit-transition: all 0.3s ease-in-out;
  741. -moz-transition: all 0.3s ease-in-out;
  742. -o-transition: all 0.3s ease-in-out;
  743. -ms-transition: all 0.3s ease-in-out; }
  744.  
  745. .tags {
  746. border-top:1px solid {color:post borders};
  747. font-style: italic;
  748. text-transform: lowercase; }
  749.  
  750. .tags a:first-child {
  751. padding-top: 4px; }
  752.  
  753. .tags a {
  754. display: block;
  755. font-size: 9px;
  756. color:{color:permalinks};}
  757.  
  758. #fsh {
  759. margin-top:-25px;
  760. height:120%;
  761. width:200px;
  762. }
  763.  
  764.  
  765. {CustomCSS}
  766. </style>
  767.  
  768. {block:ifnotpagination}
  769. {block:indexpage}
  770. {block:NextPage}
  771. <div id="page-nav"><a href="{NextPage}"></a></div>
  772. {/block:NextPage}
  773. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  774. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  775. <script type="text/javascript">
  776. $(window).load(function(){
  777. var $wall = $('#posts');
  778. $wall.imagesLoaded(function(){
  779. $wall.masonry({
  780. itemSelector: '#entry, #entry_photo',
  781. isAnimated : false
  782. });
  783. });
  784.  
  785. $wall.infinitescroll({
  786. navSelector : '#page-nav',
  787. nextSelector : '#page-nav a',
  788. itemSelector : '#entry, #entry_photo',
  789. bufferPx : 2000,
  790. debug : false,
  791. errorCallback: function() {
  792. $('#infscr-loading').fadeOut('normal');
  793. }},
  794. function( newElements ) {
  795. var $newElems = $( newElements );
  796. $newElems.hide();
  797. $newElems.imagesLoaded(function(){
  798. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  799. });
  800. }); $('#content').show(500);
  801. });
  802. </script>
  803. {/block:indexpage}
  804. {/block:ifnotpagination}
  805.  
  806. {block:ifpagination}
  807. {block:NextPage}
  808. <div id="page-nav"><a href="{NextPage}"></a></div>
  809. {/block:NextPage}
  810. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  811. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  812. <script type="text/javascript">
  813. $(window).load(function(){
  814. var $wall = $('#posts');
  815. $wall.imagesLoaded(function(){
  816. $wall.masonry({
  817. itemSelector: '#entry, #entry_photo',
  818. isAnimated : false
  819. });
  820. });
  821.  
  822. $wall.infinitescroll({
  823. navSelector : '#nh-nav',
  824. nextSelector : '#rn-nav a',
  825. itemSelector : '#nr, #entry_photo',
  826. bufferPx : 2000,
  827. debug : false,
  828. errorCallback: function() {
  829. $('#inding').fadeOut('normal');
  830. }},
  831. function( newElements ) {
  832. var $newElems = $( newElements );
  833. $newElems.hide();
  834. $newElems.imagesLoaded(function(){
  835. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  836. });
  837. }); $('#conent').show(500);
  838. });
  839. </script>
  840. {/block:ifpagination}
  841.  
  842.  
  843.  
  844. {block:if200px}
  845. {block:ifnotpagination}
  846. {block:indexpage}
  847. {block:NextPage}
  848. <div id="page-nav"><a href="{NextPage}"></a></div>
  849. {/block:NextPage}
  850. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  851. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  852. <script type="text/javascript">
  853. $(window).load(function(){
  854. var $wall = $('#posts');
  855. $wall.imagesLoaded(function(){
  856. $wall.masonry({
  857. itemSelector: '#entry, #entry_photo',
  858. isAnimated : false
  859. });
  860. });
  861.  
  862. $wall.infinitescroll({
  863. navSelector : '#nh-nav',
  864. nextSelector : '#rn-nav a',
  865. itemSelector : '#nr, #entry_photo',
  866. bufferPx : 2000,
  867. debug : false,
  868. errorCallback: function() {
  869. $('#inding').fadeOut('normal');
  870. }},
  871. function( newElements ) {
  872. var $newElems = $( newElements );
  873. $newElems.hide();
  874. $newElems.imagesLoaded(function(){
  875. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  876. });
  877. }); $('#conent').show(500);
  878. });
  879. </script>
  880. {/block:indexpage}
  881. {block:ifnotpagination}
  882. {/block:if200px}
  883.  
  884.  
  885. {block:if200px}
  886. {block:ifpagination}
  887. {block:indexpage}
  888. {block:NextPage}
  889. <div id="page-nav"><a href="{NextPage}"></a></div>
  890. {/block:NextPage}
  891. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  892. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  893. <script type="text/javascript">
  894. $(window).load(function(){
  895. var $wall = $('#posts');
  896. $wall.imagesLoaded(function(){
  897. $wall.masonry({
  898. itemSelector: '#entry, #entry_photo',
  899. isAnimated : false
  900. });
  901. });
  902.  
  903. $wall.infinitescroll({
  904. navSelector : '#nh-nav',
  905. nextSelector : '#rn-nav a',
  906. itemSelector : '#nr, #entry_photo',
  907. bufferPx : 2000,
  908. debug : false,
  909. errorCallback: function() {
  910. $('#inding').fadeOut('normal');
  911. }},
  912. function( newElements ) {
  913. var $newElems = $( newElements );
  914. $newElems.hide();
  915. $newElems.imagesLoaded(function(){
  916. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  917. });
  918. }); $('#conent').show(500);
  919. });
  920. </script>
  921. {/block:indexpage}
  922. {block:ifpagination}
  923. {/block:if200px}
  924.  
  925.  
  926. {block:if200px}
  927. <script type="text/javascript">
  928. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  929. $(document).ready(function() {
  930. function photosetResize() {
  931. $('iframe.photoset').each(function(){
  932. var newSize = 200;
  933. var newSrc = $(this).attr('src').replace('500',newSize);
  934. $(this).attr('src', newSrc).width(newSize);
  935. var high = $(this).css('height');
  936. var calculate = parseInt(high, 10)* newSize/500;
  937. $(this).css('height', calculate);
  938. });
  939. }
  940. photosetResize();
  941. });
  942. </script>
  943. {/block:if200px}
  944. </head>
  945. <body>
  946.  
  947.  
  948. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  949.  
  950. <div id="bgim">
  951. <img src="{image:side image}" style="max-height:650px; max-width:480px; {block:ifgrayscale}-webkit-filter: Grayscale(99%);{/block:ifgrayscale} opacity:0.8;">
  952. </div>
  953.  
  954.  
  955. <div id="tall">
  956. {block:iffishes}
  957. <div id="fsh">
  958. {block:ifblackfishtank}
  959. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor4=403E3E&up_fishColor10=F45540&up_fishColor5=ABABAB&up_backgroundColor=000000&up_foodColor=FFFFFF&up_numFish=5&up_fishName=Fish&up_fishColor8=FFFFFF&up_fishColor2=545454&up_fishColor3=C2C2C2&up_backgroundImage=http://&up_fishColor6=636160&up_fishColor9=242424&up_fishColor7=787675&up_fishColor1=C2C2C2&" width="200" height="120%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor4=403E3E&up_fishColor10=F45540&up_fishColor5=ABABAB&up_backgroundColor=000000&up_foodColor=FFFFFF&up_numFish=5&up_fishName=Fish&up_fishColor8=FFFFFF&up_fishColor2=545454&up_fishColor3=C2C2C2&up_backgroundImage=http://&up_fishColor6=636160&up_fishColor9=242424&up_fishColor7=787675&up_fishColor1=C2C2C2&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  960. {/block:ifblackfishtank}
  961.  
  962. {block:ifwhitefishtank}
  963. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor3=D4D4D4&up_fishColor4=7A7A7A&up_fishColor7=F45540&up_fishColor10=F45540&up_backgroundColor=FFFFFF&up_fishColor8=F45540&up_fishName=Fish&up_backgroundImage=http://&up_numFish=5&up_fishColor5=3B3A3A&up_fishColor1=A6A6A6&up_fishColor6=F45540&up_fishColor2=000000&up_foodColor=000000&up_fishColor9=F45540&" width="200" height="120%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor3=D4D4D4&up_fishColor4=7A7A7A&up_fishColor7=F45540&up_fishColor10=F45540&up_backgroundColor=FFFFFF&up_fishColor8=F45540&up_fishName=Fish&up_backgroundImage=http://&up_numFish=5&up_fishColor5=3B3A3A&up_fishColor1=A6A6A6&up_fishColor6=F45540&up_fishColor2=000000&up_foodColor=000000&up_fishColor9=F45540&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  964. {/block:ifwhitefishtank}
  965.  
  966. {block:ifdefaultfishtank}
  967. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?" width="200" height="120%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  968. {/block:ifdefaultfishtank}
  969. </div>
  970. {/block:iffishes}
  971.  
  972. <div id="sidebar">
  973.  
  974. <div id="sidebarimage">
  975. <center>
  976. <a href="/"><img src="{image:sidebar}" style="max-height:160px; max-width:110px;"></a>
  977. </center>
  978.  
  979. </div>
  980. <p></p>
  981. <div id="lnks0111">
  982. <a href="/" title="index">01</a> &nbsp;
  983. <a href="/ask" title="message">02</a> &nbsp;
  984. <a href="/archive" title="past">03</a> &nbsp;
  985. <a href="http://senpiez.tumblr.com" title="theme">04</a>
  986. </div>
  987. {block:iftransparentsb}
  988. <div style="border-bottom:1px solid {color:sb bordering};"></div>
  989. {/block:iftransparentsb}
  990. <div id="desc">{description}
  991. <center> {block:iflink1title}
  992. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:bitxmap; background-color:white; font-size:10px; color:black; margin-top:-1px; border:1px solid black; width: 80px;">
  993.  
  994. <option value="">navigation</option>
  995.  
  996. <option value="{text:link 1 url}">{text:link 1 title}</option>
  997. {/block:iflink1title}
  998.  
  999. {block:iflink2title}
  1000. <option value="{text:link 2 url}">{text:link 2 title}</option>
  1001. {/block:iflink2title}
  1002.  
  1003. {block:iflink3title}
  1004. <option value="{text:link 3 url}">{text:link 3 title}</option>
  1005. {/block:iflink3title}
  1006.  
  1007. {block:iflink4title}
  1008. <option value="{text:link 4 url}">{text:link 4 title}</option>
  1009. {/block:iflink4title}
  1010.  
  1011. {block:iflink5title}
  1012. <option value="{text:link 5 url}">{text:link 5 title}</option>
  1013. {/block:iflink5title}
  1014.  
  1015.  
  1016.  
  1017. </select>
  1018.  
  1019. </div>
  1020.  
  1021. {block:iftransparentsb}
  1022. <div style="border-bottom:1px solid {color:sb bordering}; padding-top:3px"></div>
  1023. {/block:iftransparentsb}
  1024. </center>
  1025.  
  1026. {block:ifpagination}
  1027. {block:if200px}
  1028. <div id="pagi">
  1029. <center>
  1030. {block:Pagination}
  1031. {block:PreviousPage}<a href="{PreviousPage}"style="font-size:15px;">«</a>{/block:PreviousPage}
  1032. {CurrentPage} of {TotalPages}
  1033. {block:NextPage}<a href="{NextPage}"style="font-size:15px;">»</a>{/block:NextPage}
  1034. {/block:Pagination}
  1035. </center>
  1036. </div>
  1037. {/block:if200px}
  1038. {/block:ifpagination}
  1039.  
  1040. {block:ifpagination}
  1041. {block:ifnot200px}
  1042. <center>
  1043. <div id="pagi">
  1044. {block:Pagination}
  1045. {block:PreviousPage}<a href="{PreviousPage}" style="font-size:15px;">«</a>{/block:PreviousPage}
  1046. {CurrentPage} of {TotalPages}
  1047. {block:NextPage}<a href="{NextPage}" style="font-size:15px;">»</a>{/block:NextPage}
  1048. {/block:Pagination}
  1049. </center>
  1050. </div>
  1051. {/block:ifnot200px}
  1052. {/block:ifpagination}
  1053.  
  1054. </div></div>
  1055.  
  1056.  
  1057.  
  1058.  
  1059. <div id="container">
  1060. <div id="posts">
  1061. {block:Posts}
  1062. <div id="entry">
  1063.  
  1064. <div id="info">
  1065. <a href="{Permalink}">{NoteCount}%</a>
  1066. <a href="{ReblogURL}" target="_blank">reblog</a>
  1067. {block:HasTags}<div class = "tags">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  1068.  
  1069.  
  1070.  
  1071. {block:Quote}
  1072.  
  1073.  
  1074. <div id="titlequote">“{Quote}”</div>
  1075. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1076. {/block:Quote}
  1077.  
  1078.  
  1079.  
  1080. {block:Text}
  1081.  
  1082. {block:Title}
  1083. <div id="title">{Title}</div>{/block:Title}
  1084. {Body}
  1085. {/block:Text}
  1086.  
  1087. {block:Link}
  1088. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1089. {/block:Link}
  1090.  
  1091. {block:Chat}
  1092. {block:Title}
  1093. <h1>{Title}</h1>
  1094. {/block:Title}
  1095. <div class="chat">
  1096. <ol>{block:Lines}
  1097. <li class="line {Alt}">
  1098. {block:Label}
  1099. <span class="label">
  1100. {Label}</span>
  1101. {/block:Label}{Line}</li>
  1102. {/block:Lines}
  1103. </ol></div>
  1104. {/block:Chat}
  1105.  
  1106. {block:Photo}
  1107. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  1108.  
  1109. {block:ifshowcaptions}
  1110. {block:Caption}{Caption}{/block:Caption}
  1111. {/block:ifshowcaptions}
  1112.  
  1113. {/block:Photo}
  1114.  
  1115. {block:Photoset}
  1116. {block:if200px}
  1117. {Photoset-500}
  1118. {/block:if200px}
  1119. {block:if250px}
  1120. {Photoset-250}
  1121. {/block:if250px}
  1122. {block:if400px}
  1123. {Photoset-400}
  1124. {/block:if400px}
  1125.  
  1126. {block:ifshowcaptions}
  1127. {block:Caption}{Caption}{/block:Caption}
  1128. {/block:ifshowcaptions}
  1129.  
  1130. {/block:Photoset}
  1131.  
  1132.  
  1133. {block:Video}
  1134. {block:if200px}
  1135. {Video-250}
  1136. {/block:if200px}
  1137. {block:if250px}
  1138. {Video-250}
  1139. {/block:if250px}
  1140. {block:if400px}
  1141. {Video-400}
  1142. {/block:if400px}
  1143.  
  1144. {block:ifshowcaptions}
  1145. {block:Caption}{Caption}{/block:Caption}
  1146. {/block:ifshowcaptions}
  1147.  
  1148. {/block:Video}
  1149. <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>
  1150. {block:Audio}
  1151. {block:AlbumArt}
  1152. <img class="album" src="{AlbumArtURL}" width="105"/>
  1153. {/block:AlbumArt}
  1154. <div class="musicinfo">
  1155. {block:TrackName}
  1156. {TrackName}</p>
  1157. {/block:TrackName}
  1158. {block:Artist}
  1159. {Artist}</p>
  1160. {/block:Artist}
  1161. {block:Album}
  1162. {Album}</p>
  1163. {/block:Album}</div>
  1164. <br>
  1165. <div class="audio">{AudioPlayerGrey}</div>
  1166.  
  1167. {/block:Audio}
  1168.  
  1169. {block:Answer}
  1170. <div class="question">
  1171. <div class="asker">{Asker} said: </div>
  1172. {Question}
  1173. </div>
  1174. <div class="answer">{Answer}</div>
  1175.  
  1176. {block:ifshowcaptions}
  1177. {block:Caption}{Caption}{/block:Caption}
  1178. {/block:ifshowcaptions}
  1179.  
  1180. {/block:Answer}
  1181.  
  1182. {block:PermalinkPage}
  1183. {block:PostNotes}
  1184. {DayOfMonth} {Month} {Year} {block:PostNotes}+ {NoteCountWithLabel}{/block:PostNotes}
  1185. {block:HasTags}<br>Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  1186. {block:PostNotes}
  1187. <div class="postnotes">{PostNotes}</div>
  1188. {/block:PostNotes}
  1189. {/block:PermalinkPage}
  1190.  
  1191.  
  1192.  
  1193.  
  1194.  
  1195. </div>
  1196.  
  1197.  
  1198.  
  1199.  
  1200. {/block:Posts}
  1201.  
  1202.  
  1203.  
  1204.  
  1205.  
  1206. </div>
  1207. </div>
  1208. </div>
  1209.  
  1210. <!-- {block:NoRebloggedFrom}
  1211. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1212. {/block:NoRebloggedFrom} -->
  1213.  
  1214.  
  1215. {block:ContentSource}
  1216. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1217. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1218. {/block:SourceLogo}
  1219. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1220. {/block:ContentSource}
  1221.  
  1222.  
  1223.  
  1224. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment