API tools faq
paste
thehiddenwill-themes

Theme 6.

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