senpiez

theme 018

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