API tools faq
paste
Advertisement
silentthemes

Mercurial Theme

silentthemes
Oct 6th, 2012
8,643
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3.  
  4. <!-- --------------------------------------------------------------------
  5. ____ _ _ _ _____ _
  6. / ___|(_) | ___ _ __ | |_ |_ _| |__ ___ _ __ ___ ___ ___
  7. \___ \| | |/ _ \ '_ \| __| | | | '_ \ / _ \ '_ ` _ \ / _ \/ __|
  8. ___) | | | __/ | | | |_ | | | | | | __/ | | | | | __/\__ \
  9. |____/|_|_|\___|_| |_|\__| |_| |_| |_|\___|_| |_| |_|\___||___/
  10.  
  11.  
  12. Mercurial Theme
  13. Made by EXTICE
  14. http://extice.tumblr.com/
  15. More themes at: http://silentthemes.tumblr.com/
  16.  
  17. -------------------------------------------------------------------- -->
  18.  
  19. <meta name="font:Text" content="Futura"/>
  20. <meta name="font:Sidebar" content="Futura"/>
  21.  
  22. <meta name="text:Ask Title" content="Ask"/>
  23. <meta name="text:Font Size" content="12px"/>
  24. <meta name="text:Title Size" content="32x"/>
  25. <meta name="text:Link Size" content="14px"/>
  26. <meta name="text:Custom Link One" content="http://" />
  27. <meta name="text:Custom Link One Title" content="" />
  28. <meta name="text:Custom Link Two" content="http://" />
  29. <meta name="text:Custom Link Two Title" content="" />
  30. <meta name="text:Custom Link Three" content="http://" />
  31. <meta name="text:Custom Link Three Title" content="" />
  32.  
  33. <meta name="color:Text" content="#000"/>
  34. <meta name="color:Background" content="#fff"/>
  35. <meta name="color:Border" content="#000"/>
  36. <meta name="color:Links" content="#fff"/>
  37. <meta name="color:Links Hover" content="#e8e8e8"/>
  38. <meta name="color:Sidebar Text" content="#fff"/>
  39. <meta name="color:Sidebar Links Hover" content="#e8e8e8"/>
  40. <meta name="color:Scrollbar" content="#000"/>
  41. <meta name="color:Scrollbar Background" content="#fff"/>
  42. <meta name="color:Post Background" content="#fff"/>
  43.  
  44. <meta name="if:Show Ask" content="1"/>
  45. <meta name="if:Same Background" content="1"/>
  46. <meta name="if:Changing Background" content="0"/>
  47.  
  48. <meta name="image:Background" content="" />
  49. <meta name="image:Background1" content="" />
  50. <meta name="image:Background2" content="" />
  51. <meta name="image:Background3" content="" />
  52. <meta name="image:Background4" content="" />
  53. <meta name="image:Background5" content="" />
  54. <meta name="image:Background6" content="" />
  55.  
  56.  
  57. <link rel="shortcut icon" href="{Favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62.  
  63. <title>{Title}</title>
  64.  
  65. {block:IfChangingBackground}
  66. <script type="text/javascript">
  67. function changeImg(imgNumber) {
  68. var myImages = ["{image:background1}", "{image:background2}", "{image:background3}", "{image:background4}", "{image:background5}", "{image:background6}"];
  69. var imgShown = document.body.style.backgroundImage;
  70. var newImgNumber =Math.floor(Math.random()*myImages.length);
  71. document.body.style.backgroundImage = 'url('+myImages[newImgNumber]+')';}
  72. window.onload=changeImg;
  73. </script>{/block:IfChangingBackground}
  74.  
  75. <style type="text/css">
  76.  
  77. @font-face {
  78. font-family: 'Colab';
  79. src: url('http://static.tumblr.com/dbdokfi/MrOmdes1v/sourcesanspro-light.ttf');
  80. }
  81.  
  82. body {
  83. background-size: 100% 100%;
  84. background-repeat:no-repeat;
  85. letter-spacing:0px;
  86. background-position:right top;
  87. background-attachment:fixed;
  88. font-size:12px;
  89. text-align:justify;
  90. overflow-x:hidden;
  91. color:{color:Text};
  92. font-family:{font:Text};
  93. background-color:{color:background};
  94. {block:IfSameBackground}
  95. background-image:url({image:background});
  96. {/block:IfSameBackground}}
  97.  
  98. iframe#tumblr_controls { right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  99.  
  100. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  101.  
  102. ::-webkit-scrollbar-thumb:vertical { background-color:{color:scrollbar}; height:100px;}
  103.  
  104. ::-webkit-scrollbar { height:10px; width:10px; background-color:{color:scrollbar background};}
  105.  
  106. .nospace {
  107. padding: 0px;
  108. line-height:0px;}
  109.  
  110. .sidebar {
  111. max-width:200px;
  112. z-index:1;
  113. left:65px;
  114. position:fixed;
  115. top:230px;}
  116.  
  117. .sidebar a {
  118. color:{color:sidebar text};}
  119.  
  120. .description {
  121. text-align:justify;
  122. color:{color:sidebar text};}
  123.  
  124. #content {
  125. width:100%;
  126. margin-left:auto;
  127. margin-right:auto;
  128. position:relative;}
  129.  
  130. #content .posts {
  131. width:600px;
  132. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  133. margin-right:auto;
  134. margin-left:auto;
  135. margin-top:30px;
  136. position:relative;}
  137.  
  138. #content .posts img {
  139. {block:IndexPage}max-width: 250px;{/block:IndexPage}
  140. {block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}}
  141.  
  142. #content .entry:hover .slider {
  143. opacity:.75;}
  144.  
  145. #content .entry .slider {
  146. width:100%;
  147. height:13px;
  148. padding:15px 0 5px;
  149. font-size:10px;
  150. font-weight:normal;
  151. opacity:0;
  152. background-color:#fff;
  153. color:#000;
  154. position:absolute;
  155. text-align:center;
  156. -webkit-transition:all 0.8s ease;
  157. -moz-transition:all 0.8s ease;
  158. transition:all 0.8s ease;}
  159.  
  160. .slider a {
  161. color: #000000;}
  162.  
  163. #content .entry {
  164. border-style:solid;
  165. border-color:{color:border};
  166. border-width:5px;
  167. background-color:{color:post background};
  168. {block:IndexPage}width:250px;
  169. margin-right:30px;
  170. margin-bottom:30px;
  171. float:left;
  172. position: relative;
  173. {/block:IndexPage}
  174. {block:PermalinkPage}width:500px;
  175. margin:auto; {/block:PermalinkPage}}
  176.  
  177. #navigation {
  178. width:0px;
  179. margin:auto;
  180. position:absolute;}
  181.  
  182. .sidetitle a {
  183. font-size:{text:title size};
  184. color:{color:sidebart text};}
  185.  
  186. .sidetitle a:hover{
  187. color:{color:sidebar links hover};
  188. -webkit-transition-duration:.5s;
  189. text-decoration:none;}
  190.  
  191. #nav a {
  192. font-size:{text:link size};
  193. color:{color:sidebar text};
  194. display:block;}
  195.  
  196. #nav a:hover{
  197. color:{color:sidebar links hover};
  198. -webkit-transition-duration:.5s;
  199. text-decoration:none;}
  200.  
  201. .alex {
  202. position:fixed;
  203. right:4px;
  204. bottom:4px;}
  205.  
  206. .alex a {
  207. border-bottom:0px;
  208. font-size:14px;
  209. color:#000;}
  210.  
  211. .sidepos a {
  212. color:{color:sidebar title};
  213. -webkit-transition-duration:1s;
  214. line-height:100%;}
  215.  
  216. .sidepos a:hover {
  217. color:{color:link hover};}
  218.  
  219. a {
  220. font-family:{font:Text};
  221. color:{color:links};
  222. text-decoration: none;}
  223.  
  224. a:hover{
  225. color:{color:links hover};
  226. -webkit-transition-duration:.5s;
  227. text-decoration:none;}
  228.  
  229. .heading {
  230. font-size:16px;
  231. text-decoration: none;
  232. letter-spacing:0px;
  233. font-weight:none;
  234. margin-bottom:0px;text-align:left;}
  235.  
  236. .chat ul {
  237. color:#000;
  238. padding:0px 0px 2px 2px;
  239. margin:0px 0px 2px 1px;}
  240.  
  241. .chat li {
  242. list-style-type: none;
  243. padding-left:0px;
  244. margin-right:0px;}
  245.  
  246. .chat li.odd {
  247. color: {color:Text};}
  248.  
  249. .chat li.even {
  250. color: {color:Text};}
  251.  
  252. .label {
  253. font-weight: bold;
  254. font-size:{text:font size};}
  255.  
  256. .asker {
  257. }
  258.  
  259. .answer {
  260. font-style:none;
  261. margin-bottom:0px;}
  262.  
  263. .audioplayer {
  264. background-color: #fff;
  265.  
  266. .entry .permalink {
  267. padding-right:0px;}
  268.  
  269. .permalink {
  270. {block:IndexPage}
  271. float:right;
  272. position: absolute;
  273. margin-left:0px;
  274. margin-bottom:0px;
  275. opacity:0;
  276. z-index:1000;
  277. background-color:#fff;
  278. text-align:right;
  279. {/block:IndexPage}}
  280.  
  281. .permalink a {
  282. color:{color:Links};
  283. }
  284.  
  285. .postnotes {
  286. margin-top:0;
  287. margin-left:0px;
  288. margin-right:auto;
  289. margin-bottom:0px;
  290. width:500px;
  291. text-align:left;
  292. max-height:300px;
  293. overflow-x:auto;}
  294.  
  295. .video embed, .video object, .video iframe{
  296. width:250px !important;
  297. height:187px !important;}
  298.  
  299.  
  300. .album-art {
  301. float: left;
  302. width: 196px;
  303. height: 196px;
  304. overflow: hidden;}
  305.  
  306. </style>
  307.  
  308. <script type="text/javascript" src="http://static.tumblr.com/qfvykzk/GzQmq77fx/core.js"></script>
  309. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  310. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js"></script>
  311. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  312. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  313.  
  314. <script type="text/javascript">
  315.  
  316. $(window).load(function () {
  317. $('.posts').masonry(),
  318. $('.masonryWrap').infinitescroll({
  319. navSelector : "div#navigation",
  320. // selector for the paged navigation (it will be hidden)
  321. nextSelector : "div#navigation a#nextPage",
  322. // selector for the NEXT link (to page 2)
  323. itemSelector : ".entry",
  324. // selector for all items you'll retrieve
  325. bufferPx : 10000,
  326. extraScrollPx: 11000,
  327. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  328. loadingText : "<em></em>",
  329. },
  330. // call masonry as a callback.
  331. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  332. );
  333. });
  334. </script>
  335.  
  336.  
  337.  
  338. </head>
  339.  
  340. <body>
  341.  
  342. <div id="content">
  343.  
  344. <div class="sidebar">
  345. <div class="sidepos">
  346. <div class="sidetitle">
  347. <center>
  348. <a href="/">{Title}</center></a></div></div><br>
  349. <div class="description">{Description}</div><br>
  350. <div id="nav">
  351. <center><table><tr>
  352. {block:IfShowAsk}<td><a href="/ask">{text:Ask Title}</a></td>{/block:IfShowAsk}</td>
  353. <td>{block:IfCustomLinkOneTitle}
  354. <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a>
  355. {/block:ifCustomLinkOneTitle}</td>
  356. <td>{block:IfCustomLinkTwoTitle}
  357. <a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a>
  358. {/block:ifCustomLinkTwoTitle} </td>
  359. <td>{block:IfCustomLinkThreeTitle}
  360. <a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a>
  361. {/block:ifCustomLinkThreeTitle} </td>
  362. </tr></table></center>
  363.  
  364.  
  365. <div class="navpad">
  366. {block:Pages}{block:HasPages}<a href="{URL}"><span>{Label}</span></a>
  367. {/block:HasPages}{block:Pages}
  368. </div>
  369. </div>
  370. {block:IndexPage}
  371. <div class="column navigation" id="navigation">
  372. {block:Pagination}
  373. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  374. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  375. </div>
  376. {/block:IndexPage}
  377.  
  378.  
  379.  
  380. </div>
  381. <div class="posts">
  382. {block:Posts}
  383. <div class="entry">
  384.  
  385.  
  386. {block:Text}
  387. {block:Title}<span class="post_title">{Title}</span><p>{/block:Title}
  388. {Body}<div align="right">{block:IndexPage}<div class="permalink"><a title="{NoteCount}" href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div></div>{/block:IndexPage}
  389. {/block:Text}
  390.  
  391. <div class="nospace">
  392. {block:Photo}
  393. {block:IndexPage}<a href="{Permalink}"><div class="slider">{NoteCount}</a> | <a href="{ReblogURL}">Reblog</a></div>
  394. {/block:IndexPage}
  395. <div class="img">
  396. {block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage}
  397. <img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IndexPage}width="250"{/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>
  398. </a>
  399. </div>
  400. {/block:Photo}
  401.  
  402.  
  403. {block:Photoset}
  404. {block:IndexPage}<a href="{Permalink}"><div class="slider">{NoteCount}</a> | <a href="{ReblogURL}">reblog</a></div>{Photoset-250}{/block:IndexPage}
  405. {block:PermalinkPage}
  406. {Photoset-500}<br>{block:Caption}{Caption}<br><br>{/block:Caption}
  407. {/block:PermalinkPage}
  408. {/block:Photoset}
  409. </div>
  410.  
  411. {block:Quote}
  412. <a href="{permalink}"><div class="heading">{Quote}</div></a>
  413. {block:Source} <div align="right">- {Source}</div>{block:IndexPage}<div align="right"><div class="permalink"><a title="{NoteCount}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}{/block:Source}
  414. {/block:Quote}
  415.  
  416.  
  417. {block:Link}
  418. <div class="heading"><a href="{URL}"{Target}>{Name}</a></div>
  419. {block:Description} {Description}{/block:Description}
  420. {block:IndexPage}<div align="right"><div class="permalink"><a title="{NoteCount}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  421. {/block:Link}
  422.  
  423. {block:Video}
  424. <div class="video">{Video-500}
  425. </div>
  426.  
  427. {/block:Video}
  428.  
  429.  
  430. {block:Chat}
  431. {block:Title}
  432. <div class="heading"><a href="{Permalink}">{Title}</a></div>
  433. {/block:Title}
  434. <div class="chat ul">
  435. {block:Lines}
  436. <li class="{Alt} user_{UserNumber}">
  437. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  438. {/block:Lines}</div></li>
  439. {block:IndexPage}<div align="right"><div class="permalink"><a title="{NoteCount}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  440. {/block:Chat}
  441.  
  442. <div class="alex"><a href="http://silentthemes.tumblr.com">©</a></div>
  443.  
  444. {block:Audio}{block:PermalinkPage}
  445. {block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="196px"></div>{/block:AlbumArt}{/block:PermalinkPage}
  446. <div class="audioplayer">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}
  447. {block:PermalinkPage}
  448. {block:TrackName}<br><br>
  449. <b>{TrackName}</b>
  450. {/block:TrackName} by {block:Artist}
  451. {Artist}
  452. {/block:Artist}<br>{PlayCountWithLabel}{/block:PermalinkPage}
  453. {block:IndexPage}<div align="right"><div class="permalink"><a title="{NoteCount}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  454. {/block:Audio}
  455.  
  456. {block:Answer}
  457. <div style="text-align:left;background-color:#fff;"><div class="asker">{Asker}: {Question}</div></div><div style="text-align:left;"><div class="answer">{Answer}</div></div>
  458. {block:IndexPage}<div align="right"><div class="permalink"><a title="{NoteCount}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  459. {/block:Answer}
  460.  
  461.  
  462. {block:PermalinkPage}
  463. {block:NoteCount}{NoteCountWithLabel} | {/block:NoteCount}
  464. {block:Date}{TimeAgo}{/block:Date}<br>
  465. {block:RebloggedFrom}Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} |
  466. {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  467. {/block:PermalinkPage}
  468.  
  469. </div>
  470. {/block:Posts}
  471. </div>
  472. </div>
  473. </div>
  474. </div>
  475. </body>
  476. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!