senpiez

cat theme

May 28th, 2014
37,663
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.16 KB | None | 0 0
  1. <!-------------------------------------------------
  2.  
  3. ✧・゚:*✧・゚:* \(◕‿◕✿)/ *:・゚✧*:・゚✧
  4. " cat theme "
  5. by senpiez.tumblr.com
  6.  
  7. please dont steal my theme
  8. i dont like being mean
  9. but my codings take me a really long time to make
  10. and it would mean the world to me
  11. if you wouldnt be a butt
  12. by stealing my themes.
  13. also
  14. it is illegal
  15. :~)
  16. have a nice day
  17. and enjoy this theme <3
  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.  
  30. <meta name="image:background" content="0"/>
  31. <meta name="image:side image" content="" />
  32.  
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Text" content="#848484"/>
  35. <meta name="color:Link" content="#b8b8b8"/>
  36. <meta name="color:hover" content="#dadada"/>
  37. <meta name="color:sidebar text" content="#777"/>
  38. <meta name="color:sidebar container" content="#f3f3f3"/>
  39. <meta name="color:tags" content="#000"/>
  40. <meta name="color:post bg" content="#FFF"/>
  41. <meta name="color:border" content="#dfdfdf"/>
  42. <meta name="color:selection text" content="#fff">
  43. <meta name="color:selection bg" content="#ccc" />
  44. <meta name="color:scrollbar" content="#FFFFFF" />
  45. <meta name="color:perma text" content="#777" />
  46. <meta name="color:perma bg" content="#ede5f3" />
  47. <meta name="color:perma border" content="#aaa"/>
  48. <meta name="color:navlink" content="#fff" />
  49. <meta name="color:navlink border" content="#aaa" />
  50. <meta name="color:navlink hover" content="#f3f3f3" />
  51.  
  52. <meta name="if:hide captions" content="0" />
  53. <meta name="if:show tags" content="1" />
  54. <meta name="if:400px posts" content="0" />
  55. <meta name="if:2 columns" content="0"/>
  56. <meta name="if:show cat" content="1"/>
  57. <meta name="if:circle links" content="1" />
  58. <meta name="if:drop down links" content="0" />
  59. <meta name="if:faded images" content="1" />
  60. <meta name="if:shadow" content="1"/>
  61. <meta name="if:rounded corners" content="0"/>
  62. <meta name="if:transparent posts" content="0" />
  63. <meta name="if:semitransparent posts" content="1" />
  64. <meta name="if:no post borders" content="0" />
  65. <meta name="if:small cursor" content="1" />
  66. <meta name="if:Maximised Background Image" content="0"/>
  67.  
  68. <meta name="text:link 1 title" content=""/>
  69. <meta name="text:link 1 url" content=""/>
  70. <meta name="text:link 2 title" content=""/>
  71. <meta name="text:link 2 url" content=""/>
  72. <meta name="text:link 3 title" content=""/>
  73. <meta name="text:link 3 url" content=""/>
  74. <meta name="text:link 4 title" content=""/>
  75. <meta name="text:link 4 url" content=""/>
  76. <meta name="text:link 5 title" content=""/>
  77. <meta name="text:link 5 url" content=""/>
  78.  
  79.  
  80. <meta name="select:side image position" content="bottom:-5px;right:5px;" title="bottom right" />
  81. <meta name="select:side image position" content="bottom:-5px;left:5px;" title="bottom left" />
  82. <meta name="select:side image position" content="top:0px;right:5px;" title="top right" />
  83. <meta name="select:side image position" content="top:0px;left:5px;" title="top left" />
  84.  
  85.  
  86. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){$(document)
  92. .ready(function(){$("[title]")
  93. .style_my_tooltips();});})
  94. (jQuery);
  95. </script>
  96.  
  97.  
  98.  
  99. <!--CAT STUFFFFF ---->
  100. <meta name="color:blog title" content="#000" />
  101. <meta name="color:description bg" content="#FFFFFF"/>
  102. <meta name="color:description text" content="#000"/>
  103. <meta name="color:cat" content="#000" />
  104. <meta name="color:sidebar border" content="#000" />
  105. <meta name="color:blog title bg" content="#f1f1f1" />
  106.  
  107. <!-- -->
  108.  
  109. <style type="text/css">
  110.  
  111. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  112.  
  113.  
  114.  
  115. /* Mozilla based browsers */
  116. ::-moz-selection {
  117. background-color: {color:selection bg};
  118. color: {color:selection text};
  119. }
  120.  
  121. /* Works in Safari */
  122. ::selection {
  123. background-color: {color:selection bg};
  124. color: {color:selection text};
  125. }
  126.  
  127.  
  128. /* Mozilla based browsers */
  129. ::-moz-selection {
  130. background-color: {color:selection bg};
  131. color: {color:selection text};
  132. }
  133.  
  134. /* Works in Safari */
  135. ::selection {
  136. background-color: {color:selection bg};
  137. color: {color:selection text};
  138. }
  139.  
  140.  
  141. /***Edit Scrollbar Here***/
  142.  
  143. ::-webkit-scrollbar-thumb:vertical {
  144. background:{color:scrollbar};
  145. border:1px solid {color:border};
  146.  
  147. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  148. }
  149.  
  150. ::-webkit-scrollbar-thumb:horizontal {
  151. background-color: {color:scrollbar};
  152. height: 4px;
  153. border:1px solid {color:borders};}
  154.  
  155. ::-webkit-scrollbar {
  156. width:9px;
  157. background: transparent;
  158. height:4px;}
  159.  
  160. ::-webkit-scrollbar-track {
  161. background: transparent;
  162. width:9px; }
  163.  
  164. /***Edit Tumblr Controls Here***/
  165.  
  166. iframe#tumblr_controls {
  167. position: fixed !important;
  168. -webkit-transition: opacity 0.7s linear;
  169. opacity: 0.09;
  170. -webkit-transition: all 0.8s ease-out;
  171. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  172. -webkit-filter:invert(100%);}
  173.  
  174. iframe#tumblr_controls:hover{
  175. -webkit-transition: opacity 0.7s linear;
  176. opacity: 0.8;
  177. -webkit-transition: all 0.4s ease-out;
  178. -moz-transition: all 0.4s ease-out;
  179. transition: all 0.4s ease-out;}
  180.  
  181. #s-m-t-tooltip {
  182. padding: 3px;
  183. height:auto;
  184. display: none;
  185. font-family: bitxmap;
  186. font-size: 10px;
  187. text-transform:lowercase;
  188. text-align: center;
  189. letter-spacing:1px;
  190. margin-top:10px;
  191. margin-left: 15px;
  192. line-height: 9px;
  193. z-index: 999999999999;
  194. border: 1px solid #777;
  195. background:#ffffff;
  196. color: #777;}
  197.  
  198.  
  199. {block:IfMaximisedBackgroundImage}
  200. #bg img {
  201. z-index:-2;
  202. position:fixed;
  203. top:0;
  204. left:0;
  205. height:100%;
  206. width:100%;
  207. }
  208. {/block:IfMaximisedBackgroundImage}
  209.  
  210.  
  211. /*** side image: DO NOT EDIT ***/
  212.  
  213.  
  214. #bgim {
  215. z-index: -1;
  216. {select:side image position}
  217. position: fixed;
  218. }
  219.  
  220. /* ----------------------------- GENERAL -------------------------- */
  221.  
  222. body {
  223. background-color: {color:background};
  224. background-image:url({image:background});
  225. background-attachment: fixed;
  226. background-size:;
  227. background-repeat: repeat;
  228. margin: 0;
  229. word-wrap: break-word;
  230. color:{color:text};
  231. font-family:bitxmap;
  232. font-size:10px;
  233. line-height:130%;
  234. {block:ifsmallcursor}
  235. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  236. {/block:ifsmallcursor}
  237. }
  238.  
  239. a {
  240. color:{color:link};
  241. text-decoration: none;
  242. -webkit-transition: all .2s ease-in-out;
  243. -moz-transition: all .2s ease-in-out;
  244. -o-transition: all .2s ease-in-out;
  245. -ms-transition: all .2s ease-in-out;
  246. transition: all .2s ease-in-out;
  247. {block:ifsmallcursor}
  248. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  249. {/block:ifsmallcursor}
  250. }
  251.  
  252. a:hover {
  253. color:{color:hover};
  254. -webkit-transition: all .2s ease-in-out;
  255. -moz-transition: all .2s ease-in-out;
  256. -o-transition: all .2s ease-in-out;
  257. -ms-transition: all .2s ease-in-out;
  258. transition: all .2s ease-in-out;
  259. {block:ifsmallcursor}
  260. cursor: url(http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png), auto;
  261. {/block:ifsmallcursor}
  262.  
  263. }
  264.  
  265. img {
  266. border:none;
  267. max-width:100%;
  268. }
  269.  
  270. blockquote {
  271. padding-left:10px;
  272. padding-top:1px;
  273. padding-bottom:1px;
  274. border-left:1px solid {color:border};
  275. margin-left:10px;
  276. }
  277.  
  278. h1 {
  279. font-size:12px;
  280. font-family:inconsolata;
  281. text-transform:lowercase;
  282. font-weight:lighter;
  283. letter-spacing:2px;
  284. margin-top:0px;
  285. padding-left:10px;
  286. text-align:left;
  287. }
  288.  
  289. b, strong {
  290. color:{color:bold};
  291. font-weight:bold;
  292. }
  293.  
  294. i, em {
  295. color:{color:text};
  296. }
  297.  
  298. /* ----------------------------- POSTS --------------------------- */
  299.  
  300. #posts {
  301. {block:if400pxposts}
  302. width:430px;
  303. margin-left:445px;
  304. {/block:if400pxposts}
  305.  
  306. {block:ifnot400pxposts}
  307. {block:ifnot2columns}
  308. width:280px;
  309. margin-left:465px;
  310. {/block:ifnot2columns}
  311. {block:if2columns}
  312. width:790px;
  313. margin-left:380px;
  314. {/block:if2columns}
  315. {/block:ifnot400pxposts}
  316.  
  317. margin-top:20px;
  318. }
  319.  
  320. #entry {
  321. margin-left:40px;
  322. padding:15px;
  323. background-color: {color:post bg};
  324. {block:If400pxposts}
  325. width:400px;
  326. {/block:If400pxposts}
  327. {block:Ifnot400pxposts}
  328. width:250px;
  329. {/block:Ifnot400pxposts}
  330. margin-bottom:40px;
  331. {block:iftransparentposts}
  332. background:transparent;
  333. {/block:iftransparentposts}
  334. {block:ifsemitransparentposts}
  335. background: rgba(255,255,255,.7);
  336. {/block:ifsemitransparentposts}
  337. border:1px solid {color:border};
  338. {block:ifnopostborders}
  339. border:0px;
  340. {/block:ifnopostborders}
  341. {block:ifshadow}
  342. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  343. {/block:ifshadow}
  344. {block:ifroundedcorners}
  345. border-radius: 5px;
  346. {/block:ifroundedcorners}
  347. background-image:URL();
  348. -webkit-transition: all .7s ease;
  349. -moz-transition: all .7s ease;
  350. -o-transition: all .7s ease;
  351. transition: all .7s ease;
  352.  
  353. }
  354.  
  355. #entry img{
  356. {block:iffadedimages}
  357. opacity:0.8;
  358. -webkit-filter: Grayscale(40%);
  359. {/block:iffadedimages}
  360. }
  361.  
  362. #entry img:hover{
  363. opacity:1;
  364. {block:iffadedimages}
  365. -webkit-filter: Grayscale(0%);
  366. -webkit-transition: all .7s ease;
  367. -moz-transition: all .7s ease;
  368. -o-transition: all .7s ease;
  369. transition: all .7s ease;
  370. {/block:iffadedimages}
  371.  
  372. }
  373.  
  374. #phovi{
  375. {block:iffadedimages}
  376. opacity:0.8;
  377. -webkit-filter: Grayscale(40%);
  378. {/block:iffadedimages}
  379. }
  380.  
  381. #phovi:hover{
  382. opacity:1;
  383. {block:iffadedimages}
  384. -webkit-filter: Grayscale(0%);
  385. -webkit-transition: all .7s ease;
  386. -moz-transition: all .7s ease;
  387. -o-transition: all .7s ease;
  388. transition: all .7s ease;
  389. {/block:iffadedimages}
  390.  
  391. }
  392.  
  393. .caption{
  394. padding-left:10px;
  395. padding-right:10px;
  396. margin-top:10px;
  397. }
  398.  
  399. /* ----------------------------- SIDEBAR -------------------------- */
  400.  
  401.  
  402. #side {
  403. position:fixed;
  404. top:250px;
  405. margin-left:80px;
  406.  
  407. }
  408.  
  409.  
  410. #ear1, #ear2 {
  411. position:fixed;
  412. font-size:100px;
  413. color: {color:cat};
  414. font-family:helvetica!important;
  415. z-index:-100;
  416. }
  417.  
  418.  
  419.  
  420. #ear2 {
  421. margin-left:15px;
  422. margin-top:-19px;
  423. -moz-transform:rotate(-20deg);
  424. -webkit-transform:rotate(-20deg);
  425. -o-transform:rotate(-20deg);
  426. -ms-transform:rotate(-20deg);
  427. font-size:110px;
  428. }
  429.  
  430.  
  431.  
  432. #ear1 {
  433. margin-left:176px;
  434. margin-top:-19px;
  435. -moz-transform:rotate(20deg);
  436. -webkit-transform:rotate(20deg);
  437. -o-transform:rotate(20deg);
  438. -ms-transform:rotate(20deg);
  439. font-size:110px;
  440. }
  441.  
  442.  
  443. #crown_base {
  444. margin-left:45px;
  445. margin-top:30px;
  446. width:210px;
  447. height:30px;
  448. bottom:0px;
  449. border-radius: 65% 65% 0% 0%;
  450. background-color:transparent;
  451. z-index:-1;
  452. }
  453.  
  454. #crown_base2 {
  455. margin-left:45px;
  456. margin-top:-55px;
  457. width:210px;
  458. height:50px;
  459. bottom:0px;
  460. border-radius: 90% 90% 0% 0%;
  461. background-color:{color:cat};
  462. z-index:-1;
  463. }
  464.  
  465.  
  466. #crown_bottom {
  467. width:188px;
  468. z-index:10;
  469. margin:-25px -5px 0px 45px;
  470. padding:5px 10px;
  471. height:auto;
  472. text-align:center;
  473. font-family:inconsolata;
  474. letter-spacing:1px;
  475. border:1px {color:sidebar border} solid;
  476. line-height:15px;
  477. background-color:{color:blog title bg};
  478. font-size:12px;
  479. color:{color:blog title};
  480. {block:ifshadow}
  481. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  482. {/block:ifshadow}
  483. }
  484.  
  485. #crown_bottom a {
  486. color:{color:blog title};
  487.  
  488. }
  489.  
  490.  
  491.  
  492. #sidebar {
  493. margin-left:50px;
  494. width:178px;
  495. padding:10px;
  496. height:65px;
  497. overflow:auto;
  498. background-color:{color:description bg};
  499. border-bottom:1px {color:sidebar border} solid;
  500. border-left:1px {color:sidebar border} solid;
  501. border-right:1px {color:sidebar border} solid;
  502. text-align:justify;
  503. text-wrap: break-word;
  504. font-size:10px;
  505. {block:ifshadow}
  506. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  507. {/block:ifshadow}
  508. }
  509.  
  510.  
  511.  
  512. #linkbox {
  513. width:188px;
  514. z-index:10;
  515. margin:-1px -5px 0px 45px;
  516. padding:5px 10px;
  517. height:15px;
  518. text-align:center;
  519. font-family:inconsolata;
  520. letter-spacing:1px;
  521. border:1px {color:sidebar border} solid;
  522. line-height:15px;
  523. background-color:{color:blog title bg};
  524. font-size:12px;
  525. color:{color:blog title};
  526. {block:ifshadow}
  527. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  528. {/block:ifshadow}
  529. }
  530.  
  531.  
  532.  
  533. .navlinks{
  534. font-family:inconsolata;
  535. font-size:11px;
  536. text-align:center;
  537. width:188px;
  538. position:relative;
  539. margin-top:-1px;
  540. }
  541.  
  542. .navlinks a{
  543. background-color:{color:navlink};
  544. {block:ifcirclelinks}
  545. border-radius:100%;
  546. {/block:ifcirclelinks}
  547. text-decoration:none;
  548. margin:4px 5px 2px 0px;
  549. border:1px solid {color:navlink border};
  550. z-index:3;
  551. padding:4px;
  552. display:inline-block;
  553. -webkit-transition: all 0.3s ease-in-out;
  554. -moz-transition: all 0.3s ease-in-out;
  555. transition: all 0.3s ease-in-out;
  556.  
  557. }
  558.  
  559. .navlinks a:hover{
  560. text-decoration:none;
  561. background-color:{color:navlink hover};
  562. border:1px solid {color:navlink border};
  563.  
  564. }
  565.  
  566.  
  567. /* ------------------------------ POSTS ----------------------------- */
  568.  
  569.  
  570.  
  571. .info{
  572. position:relative;
  573. float:left;
  574. font-size:10px;
  575. color:{color:link};
  576. text-align:right;
  577. text-transform:lowercase;
  578. letter-spacing:1px;
  579. margin-left:-175px;
  580. }
  581.  
  582.  
  583. /* --------------------------- POST TYPES -------------------------- */
  584.  
  585. /* QUESTIONS */
  586.  
  587. #questions {
  588. background-color: {color:container};
  589. border:1px solid {color:border};
  590. padding:11px;
  591. margin-top: 5px;
  592. margin-bottom:5px;
  593. font-size:10px;
  594. text-align:left;
  595. }
  596.  
  597. #answer {
  598. font-size:10px;
  599. text-transform:lowercase;
  600. }
  601.  
  602. .askerimg{
  603. position:relative;
  604. float:left;
  605. margin-right:5px;
  606. margin-top:-2px;
  607. }
  608.  
  609. /* AUDIO */
  610.  
  611. .songart{
  612. float:left;
  613. padding:10px;
  614. /*background:{color:background};*/
  615. border:1px solid {color:border};
  616. margin-right:10px;
  617. }
  618.  
  619. .songart img{
  620. width:100px;
  621. height:100px;
  622. background-size:100% 100%;
  623. }
  624.  
  625. .songtitle{
  626. background:{color:container};
  627. border:1px solid {color:border};
  628. padding:10px;
  629. margin-bottom:10px;
  630. margin-left:132px;
  631. text-transform:lowercase;
  632. font-size:10px;
  633. letter-spacing:2px;
  634. text-align:left;
  635. }
  636.  
  637. .songauthor{
  638. background:{color:container};
  639. border:1px solid {color:border};
  640. padding:10px;
  641. margin-bottom:10px;
  642. margin-left:132px;
  643. text-align:left;
  644. text-transform:lowercase;
  645. letter-spacing:2px;
  646. }
  647.  
  648. .tumblr_audio_player {
  649. height: 32px;
  650. {block:If400pxposts}
  651. width:296px;
  652. {/block:If400pxposts}
  653. {block:Ifnot400pxposts}
  654. width: 265px;
  655. {/block:Ifnot400pxposts}
  656. border:{color:border} solid 1px;
  657. margin-bottom:0px;
  658. }
  659.  
  660. /* QUOTES */
  661.  
  662. .quote{
  663. text-transform:lowercase;
  664. font-weight:lighter;
  665. letter-spacing:1px;
  666. line-height:160%;
  667. padding:20px;
  668. text-align:left;
  669. font-style:italic;
  670. }
  671.  
  672. .quotesource{
  673. padding-top:10px;
  674. border-top:1px solid {color:border};
  675. text-align:right;
  676. }
  677.  
  678. /* ---------------------------- POST NOTES -------------------------- */
  679.  
  680. #tags {
  681. font-family: inconsolata;
  682. letter-spacing:0px;
  683. text-transform:lowercase;
  684. font-size:10px;
  685. display:inline-block;
  686. padding: 2px;
  687. font-style:none;
  688. margin-top:5px;
  689. text-align:left;
  690. margin-left: 0px;
  691. {block:ifnot400px}
  692. width:250px;
  693. {/block:ifnot400px}
  694. {block:if400px}
  695. width:400px;
  696. {/block:if400px}
  697. background-color: transparent;
  698. color:{color:tags};
  699. }
  700.  
  701. #tags a {
  702. display:inline-block;
  703. padding: 2px;
  704. text-align:right;
  705. text-decoration:none;
  706. background-color: transparent;
  707. color:{color:tags};
  708. }
  709.  
  710. #tags a:hover {
  711. text-decoration:underline;
  712. }
  713.  
  714.  
  715.  
  716. #entry .footer {
  717. background: {color:perma bg};
  718. {block:iftransparentposts}
  719. background:transparent;
  720. {/block:iftransparentposts}
  721. font-size: 10px;
  722. text-transform:lowercase;
  723. color: {color:perma text};
  724. padding: 2px 10px 5px 10px;
  725. margin-top: 8px;
  726. height:10px;
  727. border:1px solid {color:perma border};
  728. {block:iftransparentposts}
  729. border:0px solid {color:perma border};
  730. {/block:iftransparentposts}
  731. }
  732.  
  733. #entry .footer.for_permalink:hover {
  734. opacity: 0.9;
  735. filter: alpha(opacity=90);
  736. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  737.  
  738. }
  739.  
  740. #entry .footer .date {
  741. width: 72%;
  742. float: left;
  743. color: {color:perma text};
  744.  
  745. }
  746.  
  747. #entry .footer .notes {
  748. width: 28%;
  749. float: right;
  750. text-align: right;
  751. color: {color:perma text};
  752. }
  753.  
  754. #entry .footer .notes a {
  755. color: {color:perma text};
  756. }
  757.  
  758.  
  759. #entry .footer.with_source_url .tags {
  760. max-width:330px;
  761. text-align:left;
  762. }
  763.  
  764. #entry .footer.with_source_url .source_url {
  765. float: right;
  766. max-width: 160px;
  767. overflow: hidden;
  768. white-space: nowrap;
  769.  
  770. }
  771.  
  772. #entry .footer.with_source_url .source_url img {
  773. vertical-align: top;
  774. -moz-opacity: 0.5;
  775. opacity: 0.5;
  776. }
  777.  
  778. #entry .footer.with_source_url .source_url:hover img {
  779. -moz-opacity: 0.7;
  780. opacity: 0.7;
  781. }
  782.  
  783. #entry a {
  784. text-decoration: none;
  785. }
  786.  
  787. #entry .copy blockquote {
  788. margin: 10px 0px 10px 10px;
  789. padding-left: 15px;
  790. border-left: solid 4px #dcdcdc;
  791.  
  792. }
  793.  
  794. #entry .copy blockquote blockquote {
  795. border-left: solid 4px #cccccc;
  796.  
  797. }
  798.  
  799. #entry .copy blockquote blockquote blockquote {
  800. border-left: solid 4px #bcbcbc;
  801.  
  802. }
  803.  
  804. #entry .copy blockquote blockquote blockquote blockquote {
  805. border-left: solid 4px #acacac;
  806.  
  807. }
  808.  
  809. #entry .copy blockquote blockquote blockquote blockquote blockquote {
  810. border-left: solid 4px #9c9c9c;
  811.  
  812. }
  813.  
  814. #entry .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  815. border-left: solid 4px #8c8c8c;
  816. }
  817.  
  818. {CustomCSS}
  819. </style>
  820. {block:indexpage}
  821. {block:NextPage}
  822. <div id="page-nav"><a href="{NextPage}"></a></div>
  823. {/block:NextPage}
  824. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  825. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  826. <script type="text/javascript">
  827. $(window).load(function(){
  828. var $wall = $('#posts');
  829. $wall.imagesLoaded(function(){
  830. $wall.masonry({
  831. itemSelector: '#entry, #entry_photo',
  832. isAnimated : false
  833. });
  834. });
  835.  
  836. $wall.infinitescroll({
  837. navSelector : '#page-nav',
  838. nextSelector : '#page-nav a',
  839. itemSelector : '#entry, #entry_photo',
  840. bufferPx : 2000,
  841. debug : false,
  842. errorCallback: function() {
  843. $('#infscr-loading').fadeOut('normal');
  844. }},
  845. function( newElements ) {
  846. var $newElems = $( newElements );
  847. $newElems.hide();
  848. $newElems.imagesLoaded(function(){
  849. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  850. });
  851. }); $('#content').show(500);
  852. });
  853. </script>
  854. {/block:indexpage}
  855. </head><body>
  856. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>
  857.  
  858. {/block:IfMaximisedBackgroundImage}
  859.  
  860. <div id="bgim">
  861. <img src="{image:side image}" style="max-height:400px;">
  862. </div>
  863.  
  864.  
  865. <div id="side">
  866. {block:ifshowcat}
  867. <div id="ear1">▲</div>
  868. <div id="ear2">▲</div>
  869.  
  870. <div id="crown_base"></div>
  871. <div id="crown_base2"></div>
  872. {/block:ifshowcat}
  873.  
  874. <div id="crown_bottom">{Title}</div>
  875.  
  876. <div id="sidebar">
  877.  
  878.  
  879. {Description}
  880. </div>
  881.  
  882. <div id="linkbox">
  883. {block:ifnotdropdownlinks}
  884. <div class="navlinks">
  885.  
  886. {block:iflink1title}
  887. <a title="{text:link 1 title}"href="{text:link 1 url}"></a>
  888. {/block:iflink1title}
  889. {block:Iflink2title}
  890. <a title="{text:link 2 title}"href="{text:link 2 url}"></a>
  891. {/block:Iflink2title}
  892. {block:Iflink3title}
  893. <a title="{text:link 3 title}"href="{text:link 3 url}"></a>
  894. {/block:Iflink3title}
  895. {block:Iflink4title}
  896. <a title="{text:link 4 title}"href="{text:link 4 url}"></a>
  897. {/block:Iflink4title}
  898. {block:Iflink5title}
  899. <a title="{text:link 5 title}"href="{text:link 5 url}"></a>
  900. {/block:Iflink5title}
  901. <a title="theme"href="http://senpiez.tumblr.com/" target="blank"></a>
  902. </div>
  903. {/block:ifnotdropdownlinks}
  904.  
  905.  
  906.  
  907. {block:ifdropdownlinks}<center>
  908. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:bitxmap; background-color:{color:navlink}; font-size:10px; color:{color:navlink border}; margin-top:-1px; border:1px solid {color:navlink border}; width: 120px;">
  909.  
  910. <option value="">navigation</option>
  911. {block:iflink1title}
  912. <option value="{text:link 1 url}">{text:link 1 title}</option>
  913. {/block:iflink1title}
  914.  
  915. {block:iflink2title}
  916. <option value="{text:link 2 url}">{text:link 2 title}</option>
  917. {/block:iflink2title}
  918.  
  919. {block:iflink3title}
  920. <option value="{text:link 3 url}">{text:link 3 title}</option>
  921. {/block:iflink3title}
  922.  
  923. {block:iflink4title}
  924. <option value="{text:link 4 url}">{text:link 4 title}</option>
  925. {/block:iflink4title}
  926.  
  927.  
  928. <option value="http://senpiez.tumblr.com/">theme</option>
  929.  
  930.  
  931. </select>
  932. </center>
  933.  
  934. {/block:ifdropdownlinks}</div>
  935. </div>
  936.  
  937. </div>
  938.  
  939. {block:Pagination}
  940. <div id="sidepag">
  941. {block:PreviousPage}
  942. <a href="{PreviousPage}">←</a>
  943. {/block:PreviousPage}
  944. {block:NextPage}
  945. <a href="{NextPage}">→</a>
  946. {/block:NextPage}
  947. </div>
  948. {/block:Pagination}
  949. </div>
  950.  
  951.  
  952.  
  953. <div id="posts">
  954.  
  955. {block:Posts}<div id="entry">
  956.  
  957. {block:Text}
  958. {block:Title}
  959. <h1>{Title}</h1>
  960. {/block:Title}
  961. {Body}
  962. {/block:Text}
  963.  
  964. {block:Photo}
  965. {LinkOpenTag}
  966. {block:If400pxposts}
  967. <img src="{PhotoURL-400}">
  968. {/block:If400pxposts}
  969. {block:Ifnot400pxposts}
  970. <img src="{PhotoURL-250}">
  971. {/block:Ifnot400pxposts}
  972. {LinkCloseTag}
  973.  
  974. {block:Ifhidecaptions}
  975. {/block:Ifhidecaptions}
  976. {block:permalink}
  977. {block:Caption}
  978. <div class="caption">{Caption}</div>
  979. {/block:Caption}
  980. {/block:permalink}
  981. {block:Ifnothidecaptions}
  982. {block:Caption}
  983. <div class="caption">{Caption}</div>
  984. {/block:Caption}
  985. {/block:Ifnothidecaptions}
  986. {/block:Photo}
  987.  
  988. {block:Photoset}
  989. <div id="phovi">
  990. {block:If400pxposts}
  991. {Photoset-400}
  992. {/block:If400pxposts}
  993. {block:Ifnot400pxposts}
  994. {Photoset-250}
  995. {/block:Ifnot400pxposts}
  996. </div>
  997. {block:Ifhidecaptions}
  998. {block:permalink}
  999. {block:Caption}
  1000. <div class="caption">{Caption}</div>
  1001. {/block:Caption}
  1002. {/block:permalink}
  1003. {/block:Ifhidecaptions}
  1004. {block:Ifnothidecaptions}
  1005. {block:Caption}
  1006. <div class="caption">{Caption}</div>
  1007. {/block:Caption}
  1008. {/block:Ifnothidecaptions}
  1009. {/block:Photoset}
  1010.  
  1011. {block:Quote}
  1012. <div class="quote">{Quote}</div>
  1013. <div class="quotesource">{block:Source}
  1014. —{Source}
  1015. {/block:Source}</div>
  1016. {/block:Quote}
  1017.  
  1018. {block:Link}
  1019. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1020. {block:Description}
  1021. <div class="caption">{Description}</div>
  1022. {/block:Description}
  1023. {/block:Link}
  1024.  
  1025. {block:Chat}
  1026. {block:Title}<h1>{Title}</h1>{/block:Title}
  1027. {block:Lines}
  1028. {block:Label}<b>{Label}</b>{/block:Label}
  1029. {Line}<br>
  1030. {/block:Lines}
  1031. {/block:Chat}
  1032.  
  1033. {block:Audio}
  1034. {block:AlbumArt}
  1035. <div class="songart">
  1036. <img src="{AlbumArtURL}">
  1037. </div>
  1038. {/block:AlbumArt}
  1039. <div class="songtitle">
  1040. {block:TrackName}
  1041. {TrackName}
  1042. {/block:TrackName}
  1043. </div>
  1044. <div class="songauthor">
  1045. By
  1046. {block:Artist}
  1047. {Artist}
  1048. {/block:Artist}
  1049. </div>
  1050. {AudioPlayerWhite}
  1051. {block:Ifhidecaptions}
  1052. {block:permalink}
  1053. {block:Caption}
  1054. <div class="caption">{Caption}</div>
  1055. {/block:Caption}
  1056. {/block:permalink}
  1057. {/block:Ifhidecaptions}
  1058. {block:Ifnothidecaptions}
  1059. {block:Caption}
  1060. <div class="caption">{Caption}</div>
  1061. {/block:Caption}
  1062. {/block:Ifnothidecaptions}
  1063. {/block:Audio}
  1064. <div style="position:fixed; background-color: {color:post bg}; left:10px; bottom:10px; padding:4px; color: {color:Link}; border:1px solid {color:border}; font-size:10px;"><a title="theme by senpiez"href="http://senpiez.tumblr.com/">作成者</a></div>
  1065. {block:Video}
  1066. <div id="phovi">
  1067. {block:If400pxposts}
  1068. {Video-400}
  1069. {/block:If400pxposts}
  1070. {block:Ifnot400pxposts}
  1071. {Video-250}
  1072. {/block:Ifnot400pxposts}
  1073. </div>
  1074. {block:Ifhidecaptions}
  1075. {block:permalink}
  1076. {block:Caption}
  1077. <div class="caption">{Caption}</div>
  1078. {/block:Caption}
  1079. {/block:permalink}
  1080. {/block:Ifhidecaptions}
  1081. {block:Ifnothidecaptions}
  1082. {block:Caption}
  1083. <div class="caption">{Caption}</div>
  1084. {/block:Caption}
  1085. {/block:Ifnothidecaptions}
  1086. {/block:Video}
  1087.  
  1088. {block:Answer}
  1089. <div id="questions">
  1090. <div class="askerimg"><img src="{AskerPortraitURL-16}"></div>
  1091. <b><span style="text-transform:lowercase;">{Asker}</span></b>: {Question}</div>
  1092. <div id="answer">{Answer}</div>{/block:answer}
  1093.  
  1094.  
  1095.  
  1096. <!-- POST INFO -->
  1097. <!---------------PERMALINK--------------->
  1098.  
  1099. {block:Date}
  1100. <a href="{Permalink}">
  1101. <div class="footer for_permalink">
  1102. <div class="date">
  1103.  
  1104. <div class="date">
  1105. <a href="{Permalink}" style="color:{color:perma text}">{TimeAgo} |</a>
  1106. <a href="{ReblogURL}" target="blank" style="color:{color:perma text}">Reblog</a></div>
  1107. </div>
  1108.  
  1109. <div class="notes">
  1110. <a href="{Permalink}">{NoteCount}</a>
  1111. </div>
  1112.  
  1113. <div class="clear"></div>
  1114. </div>
  1115. </a>
  1116. {/block:Date}
  1117.  
  1118.  
  1119.  
  1120. {block:ifshowtags}
  1121. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1122.  
  1123. {/block:ifshowtags}
  1124.  
  1125. <div class="clear">
  1126. </div>
  1127. {block:PostNotes}
  1128. <div class="notecontainer">{PostNotes}</div>
  1129. {/block:PostNotes}
  1130. </div>
  1131.  
  1132.  
  1133.  
  1134.  
  1135.  
  1136. {/block:Posts}</div>
  1137. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment