API tools faq
paste
Advertisement
mtnduthemes

Tidal Theme

mtnduthemes
Sep 25th, 2014
294
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.32 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.  
  6. <!-- TIDAL THEME by MTNDU -->
  7.  
  8. <meta name="color:Background" content="#ffffff"/>
  9. <meta name="color:Post Background" content="#000000"/>
  10. <meta name="color:Text" content="#828282"/>
  11. <meta name="color:Link" content="#8ea089"/>
  12. <meta name="color:Link Hover" content="#e8e8e8"/>
  13.  
  14. <meta name="image:Background" content""/>
  15. <meta name="image:Divider" content""/>
  16.  
  17. <meta name="if:Infinite Scrolling" content=""/>
  18. <meta name="if:Hide Description" content=""/>
  19. <meta name="if:Hide Captions" content="0" />
  20. <meta name="if:Post Background Fade" content=""/>
  21. <meta name="if:Show Notes" content=""/>
  22. <meta name="if:Image Fade" content=""/>
  23.  
  24. <meta name="font:Body" content=""/>
  25. <meta name="font:Title" content""/>
  26.  
  27. <meta name="text:Link 1 URL" content="" />
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 2 URL" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 3 URL" content="" />
  32. <meta name="text:Link 3" content="" />
  33.  
  34. {block:ifInfiniteScrolling}
  35. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  36. {/block:ifInfiniteScrolling}
  37.  
  38. {block:Description}
  39. <meta name="description" content="{MetaDescription}" />{/block:Description}
  40. <title>
  41. {title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}
  42. {block:PostSummary}
  43. {PostSummary} - {/block:PostSummary}</title>
  44. </style>
  45.  
  46. <style type="text/css">
  47.  
  48. body{
  49. background-color: {color:Background};
  50. background-image: url({image:Background});
  51. background-attachment: fixed;
  52. background-repeat: repeat;
  53. background-size:cover;
  54. font-family:{font:Body};
  55. font-size:12px;
  56. line-height:13px;
  57. color:{color:Text};
  58. }
  59.  
  60. a:link, a:active, a:visited{
  61. color: {color:Link};
  62. text-decoration:none;
  63. transition: ease-in-out 1s; -webkit-transition: ease-in-out 1s; -moz-transition: ease-in-out 1s;
  64. }
  65.  
  66. a:hover{
  67. color: {color:Link Hover};
  68. transition: ease-in-out 1s; -webkit-transition: ease-in-out 1s; -moz-transition: ease-in-out 1s;
  69. }
  70.  
  71. #container{
  72. margin:auto;
  73. width:250px;
  74. }
  75.  
  76. #entry{
  77. width:250px;
  78. {block:ifNotPostBackgroundFade}
  79. background:{color:Post Background};
  80. {block:ifNotPostBackgroundFade}
  81. float:left;
  82. padding:5px;
  83. padding-bottom:75px;
  84. padding-top:55px;
  85. {block:ifImageFade}
  86. -webkit-transition: opacity 0.8s linear;
  87. opacity: 0.60;
  88. {/block:ifImageFade}
  89. }
  90.  
  91. #entry:hover{
  92. {block:ifImageFade}
  93. -webkit-transition: opacity 0.8s linear;
  94. opacity: 1;
  95. {/block:ifImageFade}
  96. }
  97.  
  98. .audio{
  99. background:#ffffff;
  100. padding:5px;
  101. text-align:center;
  102. color:{color:Text};
  103. }
  104.  
  105. #permalink{
  106. position:relative;
  107. margin-top:5px;
  108. padding:2px;
  109. font-size:18px;
  110. text-align:center;
  111. text-transform:lowercase;
  112. }
  113.  
  114. #notes{
  115. margin-top:5px;
  116. font-size:28px;
  117. text-align:center;
  118. padding:9px;
  119. }
  120.  
  121. #side{
  122. text-align:center;
  123. background-color:{color:Post Background};
  124. {block:ifPostBackgroundFade}
  125. background:rgba(255,255,255,0.5);
  126. {block:ifPostBackgroundFade}
  127. width:260px;
  128. margin-top:5px;
  129. float:left;
  130. z-index:1;
  131. padding:4px;
  132. padding-top:15px;
  133. }
  134.  
  135. .navigate{
  136. font-size:13px;
  137. text-transform:lowercase;
  138. margin-top:4px;
  139. margin-bottom:4px;
  140. text-align:center;
  141. }
  142.  
  143. .blogtitle{
  144. font-size:32px;
  145. line-height:34px;
  146. text-transform:uppercase;
  147. font-family:{font:Title};
  148. letter-spacing:12px;
  149. text-align:center;
  150. }
  151.  
  152. .posttitle{
  153. font-size: 14px;
  154. line-height: 16px;
  155. }
  156.  
  157. .chatlabel{
  158. border:1px solid;
  159. color:{color:Text};
  160. padding:7px;
  161. }
  162.  
  163. blockquote{
  164. margin-left:10px;
  165. padding-left:4px;
  166. border-left: 3px solid {color:Text};
  167. }
  168.  
  169. .quote{
  170. font-size:12px;
  171. }
  172.  
  173. .p { padding-top: 5px; }
  174. .ol, ul { margin-left: 10px; padding: 5px; }
  175. .ul { list-style-type: square; }
  176.  
  177. #scrollToTop:link, #scrollToTop:visited{
  178. color: transparent;
  179. background-color: transparent;
  180. display: none;
  181. position: fixed;
  182. bottom:15px;
  183. }
  184.  
  185.  
  186. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  187. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  188. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  189. <script type="text/javascript">
  190. $(document).ready(function() {
  191. $().UItoTop({ easingType: 'easeOutQuart' });
  192. });
  193. </script>
  194.  
  195. {CustomCSS}
  196. </style>
  197.  
  198. <link rel="shortcut icon" href="{Favicon}">
  199. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  200.  
  201. <title>Scroll to Bottom or Top - DevCurry.com</title>
  202. <script type="text/javascript"
  203. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  204. </script>
  205. <script type="text/javascript" language="javascript">
  206. $(function () {
  207. $('#scrlBotm').click(function () {
  208. $('html, body').animate({
  209. scrollTop: $(document).height()
  210. },
  211. 1500);
  212. return false;
  213. });
  214.  
  215. $('#scrlTop').click(function () {
  216. $('html, body').animate({
  217. scrollTop: '0px'
  218. },
  219. 1500);
  220. return false;
  221. });
  222. });
  223. </script>
  224.  
  225. </head>
  226. <body>
  227. <div id="container">
  228.  
  229. <div id="side">
  230. <div class="blogtitle"><a href="/">{Title}</a></div>
  231. {block:IfNotHideDescription}<br>{Description}<br><br>{/block:IfNotHideDescription}
  232. <div class="navigate">
  233. <a href="/ask">ask</a> ||
  234. <a href="/archive">archive</a>
  235. {block:ifLink1}||<a href="{text:Link 1 URL}"> {text:Link 1}</a>{/block:ifLink1}
  236. {block:ifLink2}||<a href="{text:Link 2 URL}" > {text:Link 2}</a>{/block:ifLink2}
  237. {block:ifLink3}||<a href="{text:Link 3 URL}"> {text:Link 3}</a> {/block:ifLink3}
  238. <br>
  239. <br>
  240. <center>
  241. <img src="{image:Divider}" width="WIDTH SET HERE">
  242. </center>
  243. </div>
  244.  
  245.  
  246. <div class = "autopagerize_page_element" >
  247. {block:Posts}
  248.  
  249. <div id="entry">
  250. {block:Text}
  251. {block:Title}
  252. <div class="posttitle"><a href="{Permalink}">{Title}</a></div>
  253. {/block:Title}
  254. {Body}{block:ifshownotes}<div id="notes">
  255. <a href="{Permalink}">♒ </a></div>
  256. {/block:ifshownotes}
  257. {/block:Text}
  258.  
  259. {block:Link}
  260. <div class="posttitle">
  261. <a href="{URL}">{Name}</a>
  262. </div>
  263. {block:Description}{Description}{/block:Description}
  264. {block:ifshownotes}<div id="notes">
  265. <a href="{Permalink}">♒ /a></div>
  266. {/block:ifshownotes}
  267. {/block:Link}
  268.  
  269. {block:Photo}
  270. <center>
  271. {LinkOpenTag}
  272. <a href="{permalink}">
  273. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250"></a>
  274. {LinkCloseTag}
  275. </center>
  276. {block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHideCaptions}
  277. {block:ContentSource}
  278. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  279. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  280. {/block:SourceLogo}
  281. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  282. {/block:ContentSource}
  283. {block:ReblogParentURL}
  284. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  285. {/block:ReblogParentURL}
  286. {block:ifshownotes}<div id="notes">
  287. <a href="{Permalink}">♒</a></div>
  288. {/block:ifshownotes}
  289. {/block:Photo}
  290.  
  291. {block:Photoset}
  292. {Photoset-250}
  293. {block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHideCaptions}
  294. {block:ifshownotes}<div id="notes">
  295. <a href="{Permalink}">♒</a></div>
  296. {/block:ifshownotes}
  297. {/block:Photoset}
  298.  
  299. {block:Quote}
  300. <div class="posttitle">
  301. <div class="quote">{Quote}</div></div>
  302. <br> - <i>{Source}</i>
  303. {block:ifshownotes}<div id="notes">
  304. <a href="{Permalink}">♒</a></div>
  305. {/block:ifshownotes}
  306. {/block:Quote}
  307.  
  308. {block:Chat}
  309. {block:Title}
  310. <div class="posttitle">
  311. {Title}
  312. </div>
  313. {/block:Title}
  314. {block:Lines}
  315. <div class="chatlabel">
  316. {block:Label}
  317. <b>{Label}</b>
  318. {/block:Label}
  319. {Line}
  320. <br>
  321. </div>
  322. {/block:Lines}
  323. {block:ifshownotes}<div id="notes">
  324. <a href="{Permalink}">♒</a></div>
  325. {/block:ifshownotes}
  326. {/block:Chat}
  327.  
  328. {block:Audio}
  329. <div class="audio">
  330. {block:AlbumArt}<img src="{AlbumArtURL}" width="240" height="245"/>{/block:AlbumArt}<br><br>{block:AudioPlayer}<center>{AudioPlayerWhite}</center>{/block:AudioPlayer}<div class="audioinfo">{block:IfNotHideCaptions}<br>{block:TrackName}<b>{TrackName}</b>{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}{/block:IfNotHideCaptions}</div></div>
  331. {block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHideCaptions}
  332. {block:ifshownotes}<div id="notes">
  333. <a href="{Permalink}">♒</a></div>
  334. {/block:ifshownotes}
  335. {/block:Audio}
  336.  
  337. {block:Video}
  338. {Video-250}
  339. {block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHideCaptions}
  340. {block:ifshownotes}<div id="notes">
  341. <a href="{Permalink}">♒</a></div>
  342. {/block:ifshownotes}
  343. {/block:Video}
  344.  
  345. <!--
  346. {block:IndexPage}
  347. <div id="permalink">
  348. posted
  349. <a href="{Permalink}"> {TimeAgo}</a>
  350. with
  351. <a href="{Permalink}">{NoteCountWithLabel}</a>
  352. <br>
  353. {block:RebloggedFrom}
  354. VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  355. <br>
  356. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  357. {/block:RebloggedFrom}
  358. <br>
  359. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  360. <br>
  361. Tagged as:
  362. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  363. {/block:Tags}
  364. {/block:HasTags}
  365. </div>
  366. {/block:IndexPage}
  367. -->
  368.  
  369. {block:PermalinkPage}
  370. <div id="permalink">
  371. <br>
  372. <br>
  373. {12HourWithZero}:{Minutes} {ampm} |
  374. {DayofMonth} {Month}
  375. <br>
  376. </div>
  377. {/block:PermalinkPage}
  378.  
  379. {block:PostNotes}
  380. {PostNotes}
  381. {/block:PostNotes}
  382. </div>
  383. {/block:Posts}
  384. </div>
  385.  
  386. {block:ifNotInfiniteScrolling}
  387. <div class="navigate">
  388. {block:Pagination}
  389. <font size="4"><center>
  390. {block:PreviousPage}
  391. <a href="{PreviousPage}">«</a>
  392. {/block:PreviousPage}
  393. {CurrentPage} out of {TotalPages}
  394. {block:NextPage}
  395. <a href="{NextPage}">»</a>
  396. {/block:NextPage}
  397. </center>
  398. </font>
  399. {/block:Pagination}
  400. </div>
  401. {/block:ifNotInfiniteScrolling}
  402. </div>
  403.  
  404. <a id="scrlTop" title="Top" href="#" style="position: fixed; bottom: 0px; left: 5px;"><font size="9">^</font></a>
  405.  
  406. <!--
  407. <a title="Home" href="http://academyoftumblr.tumblr.com/" style="position: fixed; bottom: 361px; right: 22px;"><img src="http://cdn4.iconfinder.com/data/icons/PixeloPhilia_2/PNG/home.png"></a>
  408.  
  409. <a id="scrlBotm" title="Bottom" href="#" style="position: fixed; bottom: 300px; right: 2px;"><img src="http://29.media.tumblr.com/tumblr_lr6vxlHRDx1qmnaxoo1_75sq.png"></a>
  410. -->
  411.  
  412. <div style="position:fixed; right:5px; bottom:5px;"><a href="http://mtndu.tumblr.com"><font size="3">&copy</font></a></div>
  413.  
  414. </body>
  415. </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!