thehiddenwill-themes

Theme 07.

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