API tools faq
paste
thehiddenwill-themes

Theme 09.

thehiddenwill-themes
Jun 7th, 2013
607
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----------------------------------------------------------------------
  4.  
  5. THEME 09.
  6. @ the-hidden-will.tumblr.com
  7.  
  8. ------------------------------------------------------------------------->
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <meta name="if:Show Tags" content="0"/>
  17. <meta name="if:Show Captions" content="0"/>
  18. <meta name="if:Show Tags" content="0"/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Sidebar" content=""/>
  21. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  22. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css"></script>
  23.  
  24.  
  25. <style type="text/css">
  26.  
  27.  
  28. ::-webkit-scrollbar {background-color:#fff; height:8px; width:4px}
  29. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px}
  30. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:8px!important}
  31.  
  32. .photo {
  33. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  34. filter: gray; /* IE6-9 */
  35. -webkit-filter: grayscale(0.7);
  36. -webkit-transition: all 0.5s ease-in-out;
  37. -moz-transition: all 0.5s ease-in-out;
  38. -o-transition: all 0.5s ease-in-out;
  39. -ms-transition: all 0.5s ease-in-out;
  40. transition: all 0.5s ease-in-out;
  41. }
  42.  
  43. .photo:hover{
  44. filter: none;
  45. -webkit-filter: grayscale(0.6);
  46. -webkit-transition: all 0.7s ease-in-out;
  47. -moz-transition: all 0.7s ease-in-out;
  48. -o-transition: all 0.7s ease-in-out;
  49. }
  50.  
  51.  
  52. iframe.photoset{
  53. max-width:180px!important;
  54. }
  55.  
  56. iframe#tumblr_controls {margin-top:15px; position: fixed !important;z-index: 9999;opacity:1;-webkit-filter: invert(100%);-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
  57. iframe#tumblr_controls:hover {opacity:1;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
  58.  
  59. :-moz-selection {
  60. background: #eee;
  61. color: #000;
  62. }
  63.  
  64. ::selection {
  65. background: #eee;
  66. color: #000;
  67. }
  68.  
  69.  
  70. body {
  71. color: #000000;background: #ffffff url({image:Background});
  72. font-family: consolas;
  73. font-size: 8px;
  74. line-height: 1.5em;
  75. }
  76. p {
  77. margin:0 0 .75em 0;
  78. }
  79.  
  80. p:last-child {
  81. margin:0
  82. }
  83. a {
  84. cursor:help;
  85. text-decoration:none;
  86. color:#000000;
  87. -webkit-transition:all 0.4s ease-in-out;
  88. -moz-transition:all 0.4s ease-in-out;
  89. -o-transition:all 0.4s ease-in-out;
  90. transition:all 0.4s ease-in-out;
  91. }
  92.  
  93. a {
  94. text-decoration:none;
  95. outline:none;
  96. -moz-outline-style:none;
  97. color:#000;
  98. }
  99.  
  100.  
  101. a:hover {color: #000; }
  102. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  103. line-height: 100%;border-left: solid 4px #eee;
  104. }
  105.  
  106. ul {
  107. margin: 0px 1.5em .75em;
  108. }
  109.  
  110. li {
  111. margin: .75em 0;
  112. list-style-type: hiragana;
  113. }
  114.  
  115.  
  116. .box img {
  117. display: block;
  118. max-width: 100%;
  119. }
  120.  
  121. .m-i {
  122. display: block;
  123. line-height: 1px!important;
  124. }
  125. .menu-picture {
  126. line-height: 100%;
  127. display: inline-block;
  128. line-height: 0px!important;
  129. }
  130.  
  131.  
  132. .post-link{
  133. font-family: default;
  134. font-size: 8px;
  135. line-height: 8px;
  136. }
  137.  
  138. p.source{
  139. text-align: center;
  140. }
  141.  
  142. .menu-picture {
  143. line-height: 100%;display: inline-block;
  144. }
  145.  
  146. p.source{
  147. text-align: center;
  148. }
  149.  
  150. h3 {
  151. font-size: 8px; font-weight: normal; text-transform:uppercase; letter-spacing:2px;
  152. }
  153.  
  154. .tagged { text-align: center; line-height: 8px;font-size: 8px;}
  155. .text { padding: 10px;}
  156.  
  157. p.question {
  158. margin-bottom: .375em;
  159. }
  160.  
  161. p.words {
  162. padding: 6px;
  163. line-height: 1.5em;
  164. color: #333333;
  165. background: #ffffff;
  166. }
  167.  
  168.  
  169. .response {
  170. background: #fafafa;
  171. padding: 5px;
  172. margin-bottom: .75em;
  173. }
  174.  
  175. .answer {
  176. text-align: center;
  177. }
  178.  
  179. .post {
  180. position: relative;
  181. width:180px;
  182. float:left;
  183. background: transparent
  184. padding:5px;
  185. margin:35px;
  186. }
  187.  
  188. .post{
  189. margin-bottom:45px;
  190. {block:IndexPage}
  191. width:180px;
  192. {/block:IndexPage}
  193. {block:PermalinkPage}
  194. width:400px;
  195. {/block:PermalinkPage}
  196. }
  197.  
  198. .photo{
  199. {block:IndexPage}
  200. max-width:180px;
  201. {/block:IndexPage}
  202. {block:PermalinkPage}
  203. max-width:400px;
  204. {/block:PermalinkPage}
  205. }
  206.  
  207.  
  208. .box {
  209. position: relative;
  210. }
  211.  
  212. #side {
  213. text-align: center;
  214. margin-top: 150px;
  215. width:95px;
  216. margin-bottom:10%;
  217. margin-left:-270px;
  218. padding:5px;
  219. position: fixed;
  220. background: #fff;
  221. }
  222.  
  223. #description {
  224. font-family:cambria;
  225. font-size:7px;
  226. line-height:110%;
  227. letter-spacing:1px;
  228. font-style:italic;
  229. color:#000;
  230. margin-top:-60px;
  231. width:80px;
  232. margin-left:76px;
  233.  
  234. }
  235.  
  236. #side img {
  237. opacity:1;
  238. border: 1px solid #eee;
  239. padding:10px;
  240. max-width: 50px;
  241. margin-left:-15px;
  242. }
  243.  
  244. #description a {
  245. color: #fff;
  246. text-decoration: none;
  247. }
  248.  
  249. ul {
  250. margin-bottom: .75em;
  251. }
  252.  
  253.  
  254. #contain {
  255. width:456px;
  256. margin: 30px auto 0;
  257.  
  258. }
  259.  
  260.  
  261. #contain {
  262. width:456px;
  263. margin: 0px auto 0;
  264.  
  265. margin-left:300px;
  266. }
  267.  
  268. #bottom {
  269. height:18px;
  270. width: 100%;
  271. position:fixed;top:-2px;
  272. left: 0px;
  273. opacity:1;
  274. background-color:#000;
  275. z-index:9;
  276. }
  277.  
  278. #bottom3 {
  279. height:12px;
  280. width: 100%;
  281. position:fixed;bottom:0px;
  282. left: 0px;
  283. opacity:1;
  284. background-color:#000000;
  285. z-index:9;
  286. }
  287.  
  288. #description a {
  289. color: #fff;
  290. text-decoration: none;
  291. }
  292.  
  293.  
  294. #infscr-loading{position:relative!important;left:49%}
  295. .perma-a { text-align: right; text-transform: uppercase; }
  296. p.menu-m {margin: .375em;}
  297. .menu-link {margin: 0 3px;}
  298. .text img {max-width: 100%;}
  299. img {display: block;}
  300. .box img {display: block;}
  301. .post-info-data{text-align:center}
  302. .notes img{display:block;float:left;margin-right:.75em}
  303. ol.notes li{margin:.375em 0;list-style-type:hiragana;line-height:16px}
  304.  
  305.  
  306. #border {
  307. position: fixed;
  308. top: -50px;
  309. margin-left: 295px;
  310. }
  311.  
  312.  
  313. #musicart {
  314. position: absolute;
  315. height: 40px;
  316. width: 40px;
  317. }
  318.  
  319. #musicart img {
  320. height: 40px;
  321. width: 40px;
  322. -moz-border-radius: 35px;
  323. -webkit-border-radius: 35px;
  324. border-radius: 35px;
  325. }
  326.  
  327. #player {
  328. opacity: 1;
  329. -webkit-transition: all 0.6s ease-in-out;
  330. -moz-transition: all 0.6s ease-in-out;
  331. -o-transition: all 0.6s ease-in-out;
  332. }
  333.  
  334. #entry:hover #player {
  335. opacity: 1;
  336. }
  337.  
  338.  
  339.  
  340. #s-m-t-tooltip {
  341. z-index:9999;
  342. background:#000;
  343. line-height:11px;
  344. font:8px consolas;
  345. letter-spacing:1px;
  346. color:#fff;
  347. max-width:150px;
  348. word-wrap:break-word;
  349. padding:1px 3px 1px 3px;
  350. display:block;
  351. margin:25px 0 0 15px;
  352. -webkit-border-radius: 50px;
  353. -moz-border-radius: 50px;
  354. border-radius: 50px;
  355. }
  356.  
  357. #roses {
  358. width:150px;
  359. font-size:12px;
  360. position:fixed;
  361. line-height:11px;
  362. color:#000;
  363. font-family:georgia;
  364. font-style:italic;
  365. text-align:center;
  366. margin-top:600px;
  367. margin-left:650px;
  368. -webkit-transition-duration: 0.7s;
  369. -moz-transition-duration: 0.7s;
  370. }
  371.  
  372. #hover { margin-top:617px; position:fixed; text-align:center; font-size:6px; letter-spacing:1px; margin-left:650px; text-transform:uppercase; opacity:0.4; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s;}
  373.  
  374. #cred{
  375. position:fixed;
  376. bottom:30px;
  377. right:10px;
  378. width:10px;
  379. height:10px;}
  380.  
  381. #cred a{
  382. color:#aaa;
  383. font: 8px consolas;
  384. text-align:center;
  385. padding:3px;
  386. display:block;
  387. text-transform:uppercase;
  388. text-decoration:none;}
  389.  
  390.  
  391.  
  392. </style>
  393. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  394.  
  395. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  396. <script>
  397. (function($){
  398. $(document).ready(function(){
  399. $("[title]").style_my_tooltips();
  400. });
  401. })(jQuery);
  402. </script>
  403.  
  404.  
  405. </head>
  406. <body>
  407.  
  408. <div id="cred"><a title="credit" href="http://thehiddenwill-themes.tumblr.com">C</a></div>
  409.  
  410.  
  411. <div id="roses">
  412. {title}
  413. </div>
  414.  
  415. <div id="hover"> 私たちはあなたのためにまだここにいる </div>
  416.  
  417. <img src="http://static.tumblr.com/aegsbm3/97nmnmva6/tumblr_static_b_w_birds_black_white_design_flower_idea-577e29d1cc67f6365edb0a8090b9baa5_h.jpg" style="position:fixed;bottom:0px;right:0px;z-index:-999"/>
  418.  
  419.  
  420.  
  421.  
  422. <div id="border">
  423. <div style="width:px;height:2000px;border:2px solid #000; "></div></div>
  424.  
  425. <a style="position:fixed; margin-left: 260px; border:15px solid #000000; top:-1px; bottom:-1px; left:0px;"></a>
  426.  
  427. <a style="position:fixed; margin-left: 791px; border:20px solid #000000; top:-1px; bottom:-1px; left:0px;"></a>
  428.  
  429. </div>
  430.  
  431. <div id="bottom"></div>
  432. <div id="bottom2"></div>
  433. <div id="bottom3"></div>
  434. <div id="bottom4"></div>
  435. <div id="bottom5"></div>
  436.  
  437.  
  438. <div id="contain" class="clearfix">
  439. <div id="side">
  440. <div class="text">
  441. <a href="/" class="m-i"><img class="menu-picture" src="{image:sidebar}"/></a><div id="description">{Description}</div>
  442. </div>
  443. </div>
  444. <div id="content">
  445. <div class="autopagerize_page_element"/>
  446. {block:Posts}
  447. <div class="post">
  448.  
  449. {block:Text}
  450. <div class="text">
  451. {block:Title}<h3>{Title}</h3>{/block:Title}
  452. {Body}
  453. <!-- permalink --> {block:IndexPage}
  454. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  455. <!-- /permalink --> {/block:IndexPage}
  456. </div>
  457. {/block:Text}
  458.  
  459. {block:Quote}
  460. <div style="color: #000; font-size: 20px; line-height: 30px; float: left; font-family: consolas;">
  461. ❝</div>
  462. <div style="font-size:12px; letter-spacing: 1px; line-height:120%; font-family: georgia; font-style: italic; margin-left: 30px; padding-left: 10px;">
  463. {Quote}
  464. </div>
  465. {block:Source}
  466. <div style="text-align: right; margin-top: 10px; font-size: 8px; text-transform: lowercase; font-family: consolas; line-height: 10px; letter-spacing: 1px;"> {Source}</div>
  467. {/block:Source}
  468.  
  469.  
  470.  
  471. <!-- permalink --> {block:IndexPage}
  472. <p><p class="post-link perma-a">{timeago} . <a href="{Permalink}">{NoteCountWithLabel}</a> . <a href={ReblogURL} target="_blank" class="details">REBLOG?</a></p></p>
  473. <!-- /permalink --> {/block:IndexPage}
  474. {/block:Quote}
  475.  
  476. {block:Link}
  477. <div class="text link">
  478. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  479. {block:Description}{Description}{/block:Description}
  480. <!-- permalink --> {block:IndexPage}
  481. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  482. <!-- /permalink --> {/block:IndexPage}
  483. </div>
  484. {/block:Link}
  485.  
  486. {block:Chat}
  487. <div class="text chat">
  488. <ul class="conversation">
  489. {block:Lines}
  490. <li class="line {Alt}">
  491. {block:Label}<span class="person">{Label}</span>{/block:Label}
  492. <span class="person-said">{Line}</span>
  493. </li>
  494. {/block:Lines}
  495. </ul>
  496. <!-- permalink --> {block:IndexPage}
  497. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  498. <!-- /permalink --> {/block:IndexPage}
  499. </div>
  500. {/block:Chat}
  501.  
  502. {block:Audio}
  503.  
  504. <div id="musicart">
  505. {block:AlbumArt}
  506. <img src="{AlbumArtURL}">
  507. {/block:AlbumArt}
  508. </div>
  509.  
  510.  
  511. <div id="player"><div style="position: absolute; margin-top: -5px; margin-left: -5px; padding: 12px 11px 11px 12px; background: #FFF; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;">
  512. <div style="width: 27px; height: 27px; overflow: hidden;">
  513. {AudioPlayerWhite}
  514. </div></div></div>
  515.  
  516. <div style="margin-left: 52px; line-height: 10px;">
  517. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}
  518. <br>
  519. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  520. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  521. {PlayCountWithLabel}<br>
  522. </div>
  523.  
  524. <!-- permalink --> {block:IndexPage}
  525. <p><p class="post-link perma-a">{timeago} . <a href="{Permalink}">{NoteCountWithLabel}</a> . <a href={ReblogURL} target="_blank" class="details">REBLOG?</a></p></p>
  526. <!-- /permalink --> {/block:IndexPage}
  527.  
  528. {/block:Audio}
  529.  
  530. {block:Answer}
  531. <div class="text answer">
  532. <div class="response">
  533. <p class="question">{Question}</p>
  534. <p>@{Asker}</p></div>
  535. {Answer}
  536. <!-- permalink --> {block:IndexPage}
  537. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  538. <!-- /permalink --> {/block:IndexPage}
  539. </div>
  540. {/block:Answer}
  541.  
  542. {block:Photoset}
  543. <div class="photoset">
  544. <div class="box">
  545. <!-- permalink --> {block:IndexPage}
  546. <p class="post-link perma-a">{timeago} . <a href="{Permalink}">{NoteCountWithLabel}</a> . <a href={ReblogURL} target="_blank" class="details">REBLOG?</a> </p>
  547. <!-- /permalink --> {/block:IndexPage}
  548. <center><div class="photo"{Photoset-250}</center>
  549. </div>
  550. {block:IndexPage}{block:IfShowCaptions}
  551. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  552. {/block:IfShowCaptions}{/block:IndexPage}
  553. </div>
  554. {/block:Photoset}
  555.  
  556. {block:Video}
  557. <div class="video">
  558. <div class="box">
  559. <!-- permalink --> {block:IndexPage}
  560.  
  561. <!-- /permalink --> {/block:IndexPage}
  562. <center>{Video-250}</center>
  563. </div>
  564. {block:IndexPage}{block:IfShowCaptions}
  565. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  566. {/block:IfShowCaptions}{/block:IndexPage}
  567. </div>
  568. {/block:Video}
  569.  
  570. {block:Photo}
  571.  
  572. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-400}" width="100%"title="{NoteCountWithLabel}" <div class="photo"></a>{LinkCloseTag}
  573.  
  574. {/block:Photo}
  575.  
  576.  
  577.  
  578. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  579. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  580. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  581.  
  582. {block:PermalinkPage}
  583. <div id="post-info" class="text">
  584. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  585. {block:HasTags}
  586. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  587. {/block:HasTags}
  588. <p class="post-info-data">
  589. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  590. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  591. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  592. {block:PostNotes}
  593. {PostNotes}
  594. {/block:PostNotes}
  595. </div>
  596. {/block:PermalinkPage}
  597.  
  598. </div> <!-- end single post -->
  599. {block:ContentSource}
  600. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  601. {/block:ContentSource}
  602. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  603. {/block:Posts}
  604. </div>
  605. </div> <!-- end content -->
  606. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!