Advertisement
jewist

Caladan Theme

Feb 6th, 2013
13,367
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.22 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--Caladan Theme for Tumblr by Jewist
  5. http://jewist.tumblr.com/
  6. if you choose to remove the credit please credit me in your links-->
  7.  
  8. <head>
  9.  
  10. <meta name="color:background" content="#ffffff" />
  11. <meta name="color:text" content="#000000" />
  12. <meta name="if:Drop Shadow" content="0" />
  13. <meta name="if:Faded Images" content="" />
  14. <meta name="if:Endless Scrolling" content="0" />
  15. <meta name="if:Show Notes" content="0" />
  16. <meta name="text:Custom Link One" content="" />
  17. <meta name="text:Custom Link One Title" content="" />
  18. <meta name="text:Custom Link Two" content="" />
  19. <meta name="text:Custom Link Two Title" content="" />
  20. <meta name="text:Custom Link Three" content="" />
  21. <meta name="text:Custom Link Three Title" content="" />
  22. <meta name="image:Background" content=""/>
  23.  
  24.  
  25. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30.  
  31. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  32. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  33. <script type="text/javascript" charset="utf-8">
  34. var $j = jQuery.noConflict();
  35. $j(function() {
  36. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  37. $j("img").lazyload({
  38. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  39. effect: "fadeIn",
  40. });
  41. });
  42. </script>
  43.  
  44. {block:IndexPage}
  45. <script type="text/javascript">
  46. $(window).load(function(){
  47. $("p").remove(":contains('Source:')");
  48. $("p").remove(":contains('(via')");
  49. });
  50. </script>
  51. {/block:IndexPage}
  52.  
  53. <style type="text/css">
  54. #notes{
  55. font-size:9px;
  56. }
  57. ol.notes li.note img.avatar {
  58. display:none;
  59. height:0px;
  60. width:0px;
  61. }
  62. ol.notes {
  63. display:none;
  64. }
  65. body{
  66. color:{color:text};
  67. background-color:{color:background};
  68. background-postition:center;
  69. font-family:courier new;
  70. font-size:12px;
  71. margin-top:15px;
  72. text-align:justify;
  73. background-image:url({image:Background});
  74. background-attachment: fixed;
  75. background-size: cover;
  76. background-position: center;}
  77. }
  78. {block:IfFadedImages}
  79. img{
  80. border:none;
  81. -webkit-transition: opacity 0.8s linear;
  82. opacity: 0.85;
  83. }
  84. img:hover{
  85. -webkit-transition: opacity 0.8s linear;
  86. opacity: 1;
  87. }
  88. {/block:IfFadedImages}
  89. a:active {
  90. color: {color:text};
  91. text-decoration:none;
  92. }
  93. a:link {
  94. color:{color:text};
  95. text-decoration:none;
  96. }
  97. a:visited {
  98. color: {color:text};
  99. text-decoration:none;
  100. }
  101. $("img").lazyload();
  102. a:hover {
  103. color: {color:text};
  104. text-decoration:none;
  105. }
  106. .audio{
  107. width:400px;
  108. background-color:#000000;
  109. }
  110. blogtitle{
  111. font-family:arial;
  112. font-size:20px;
  113. }
  114. #center{
  115. margin:auto;
  116. padding:20px;
  117. width:400px;
  118. z-index:1;
  119. }
  120. #entry{
  121. margin-bottom:80px;
  122. width:400px;
  123. text-align:center;
  124. }
  125. a img{
  126. border:none;
  127. }
  128. .sidelinks{
  129. font-size:9px;
  130. line-height:15px;
  131. text-align:center;
  132. letter-spacing:.1em;
  133. }
  134. #sidebar{
  135. position: fixed;
  136. top: 100px;
  137. left:50px;
  138. float:right;
  139. width:250px;
  140. height:100%;
  141. padding-top:10px;
  142. }
  143. #sidebar2{
  144. bottom:400px;
  145. position:fixed;
  146. left:200px;
  147. text-align:center;
  148. font-family:courier new;
  149. font-size:14px;
  150. }
  151. {block:ifDropShadow}
  152. a img{
  153. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  154. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  155. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  156. }
  157. .audio{
  158. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  159. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  160. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  161. }
  162. {/block:ifDropShadow}
  163. </style>
  164.  
  165.  
  166. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScrolling}
  167.  
  168.  
  169. <style type="text/css">{CustomCSS]</style>
  170. </head>
  171.  
  172.  
  173. <body>
  174.  
  175.  
  176. <div id="center">
  177. <div id="sidebar">
  178.  
  179.  
  180. </div>
  181.  
  182. <div id="sidebar2">
  183. <A STYLE="text-decoration:none" href="/">home</a><br>
  184. <A STYLE="text-decoration:none" href="/ask">message</a><br>
  185. <A STYLE="text-decoration:none" href="/archive">archive</a><br>
  186.  
  187.  
  188. {block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a> <br>{/block:ifCustomLinkOneTitle}
  189.  
  190. {block:ifCustomLinkTwoTitle}<div class="sidelinks">
  191. <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a><br>{/block:ifCustomLinkTwoTitle}
  192.  
  193. {block:ifCustomLinkThreeTitle}
  194. <a href="{text:Custom Link Three}">&nbsp;&nbsp;{text:Custom Link Three Title}</a><br>{/block:ifCustomLinkThreeTitle}
  195.  
  196.  
  197.  
  198.  
  199.  
  200. <p>
  201. </div>
  202.  
  203.  
  204. {block:IfEndlessScrolling}<div class = "autopagerize_page_element">{/block:IfEndlessScrolling}
  205.  
  206.  
  207.  
  208.  
  209. {block:Posts}
  210.  
  211.  
  212. <a href="{Permalink}"></a><span class="tags"></span>
  213. <div id="align">
  214.  
  215.  
  216.  
  217. {block:Text}
  218. <div id="entry">
  219. {block:Title}
  220. <div style="border-bottom: solid 1px #c0c0c0;">{Title}</div>
  221. {/block:Title}
  222. {Body}<div id="notes">
  223. <a href="{Permalink}"> {NoteCountwithlabel}</a></div>
  224. </div>
  225. {/block:Text}
  226.  
  227. {block:Photo}<div id="entry">
  228. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  229. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  230. <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="400"/>
  231. {block:IndexPage}</a>{/block:IndexPage}
  232. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  233. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  234. {block:ifshownotes}<div id="notes">
  235. <a href="{Permalink}"> {NoteCountwithlabel}</a></div>
  236. {/block:ifshownotes}
  237.  
  238. </div>
  239. {/block:Photo}
  240.  
  241. {block:Photoset}
  242. <div id="entry">
  243. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  244. {block:PermalinkPage}{/block:permalinkpage}<div id="notes">
  245. <a href="{Permalink}"> {NoteCountWithLabel}</a></div></div>
  246. {/block:Photoset}
  247.  
  248.  
  249. {block:Quote}<div id="entry">{Quote}<BR>
  250. — <i>{Source}</i><div id="notes">
  251. <a href="{Permalink}"> {NoteCountwithlabel}</a></div></div>
  252. {/block:Quote}
  253.  
  254. {block:Link}<div id="entry">
  255. <a href="{URL}" class="link" {Target}><u>{Name}</u></a>{/block:Link}
  256. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}<div id="notes">
  257. <a href="{Permalink}"> {NoteCountwithlabel}</a></div></div>{/block:Link}
  258.  
  259. {block:Chat}
  260. <div id="entry">
  261. {block:Title}<i>{Title}</i>{/block:Title}<br>
  262. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  263. <div id="notes">
  264. <a href="{Permalink}"> {NoteCountwithlabel}</a></div>
  265. {/block:Chat}
  266.  
  267. {block:Audio} <div id="entry">
  268. <div class="audio">
  269. {AudioPlayerBlack}</div>
  270. <div id="notes">
  271. <a href="{Permalink}"> {NoteCountwithlabel}</a></div>
  272. </div>
  273. {/block:Audio}
  274.  
  275. {block:video}<div id="entry">
  276. {block:IndexPage}{Video-400}{/block:IndexPage}
  277.  
  278. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  279.  
  280. <div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div></div>{/block:Video}
  281.  
  282.  
  283.  
  284. {block:Answer} <div id="entry">
  285. <b>{Asker}: {Question}</b>
  286. <center>{Answer}</center><div id="notes">
  287. <a href="{Permalink}"> {NoteCountwithlabel}</a></div>
  288. </div>
  289. {/block:Answer}
  290.  
  291.  
  292. {block:PermalinkPage}{block:HasTags}#{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  293.  
  294. <BR>
  295. {/block:Posts}
  296.  
  297. {block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  298.  
  299. {block:PostNotes}{PostNotes}{/block:PostNotes}
  300.  
  301.  
  302. {/block:IfNotEndlessScrolling}
  303.  
  304. <div style="text-align:center;"> {block:PreviousPage}
  305. <a href="{PreviousPage}">&#171; Previous</a>
  306. {/block:PreviousPage}
  307.  
  308. {block:NextPage}
  309. <a href="{NextPage}">Next &#187;</a>
  310. {/block:NextPage}
  311. {/block:Pagination}
  312. </div>
  313. {/block:IfNotEndlessScrolling}
  314.  
  315. <div style="position:fixed; right:5px; bottom:5px;">
  316. <a href="http://jewistthemes.tumblr.com">&copy</a></div>
  317.  
  318. </div>
  319. </div>
  320. </body>
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement