API tools faq
paste
thehiddenwill-themes

Theme 05.

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