API tools faq
paste
thehiddenwill-themes

Theme 08.

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