API tools faq
paste
Advertisement
NitrogenFixation

Untitled

NitrogenFixation
Oct 25th, 2014
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}</title>
  4. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <!---
  9. theme 05: bravado; by primhadablast [lilyevans.co.vu]
  10. don't steal, redistribute, use as a base
  11. leave the credit as it is
  12. direct questions to my ask, thanks for using this theme
  13. --->
  14.  
  15. <meta name="color:background" content="#fff"/>
  16. <meta name="color:text" content="#000"/>
  17. <meta name="color:links" content="#999"/>
  18. <meta name="color:links hover" content="#ccc"/>
  19. <meta name="color:blockquote" content="#999"/>
  20. <meta name="color:link borders" content="#999"/>
  21. <meta name="color:info border" content="#999"/>
  22.  
  23. <meta name="image:sidebar" content=""/>
  24.  
  25. <meta name="text:link 1 url" content="/"/>
  26. <meta name="text:link 1" content="link 1"/>
  27. <meta name="text:link 2 url" content="/"/>
  28. <meta name="text:link 2" content="link 2"/>
  29. <meta name="text:link 3 url" content="/"/>
  30. <meta name="text:link 3" content="link 3"/>
  31. <meta name="text:link 4 url" content="/"/>
  32. <meta name="text:link 4" content="link 4"/>
  33. <meta name="text:link 5 url" content="/"/>
  34. <meta name="text:link 5" content="link 5"/>
  35.  
  36. <meta name="if:400pxPosts" content="0"/>
  37. <meta name="if:500pxPosts" content="1"/>
  38. <meta name="if:DisableHoverTags" content="0"/>
  39. <meta name="if:SmallCursor" content="1"/>
  40. <meta name="if:GrayscalePosts" content="0"/>
  41. <meta name="if:FadedPosts" content="0"/>
  42. <meta name="if:LazyLoad" content="1"/>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:30,
  54. tip_fade_speed:300,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. /*custom font*/
  64. @font-face {font-family: 'Lato Alt';
  65. src: url('http://static.tumblr.com/t665key/WOsn9o8l6/lato-lig.ttf') format("truetype"),
  66. font-weight: normal;
  67. font-style: normal;
  68. }
  69.  
  70. #tumblr_controls{
  71. position:fixed !important;
  72. -webkit-filter: invert(100%);
  73. }
  74.  
  75. #s-m-t-tooltip{
  76. /* basic */
  77. max-width:300px;
  78. z-index:10;
  79. margin:24px 14px 7px 12px;
  80. /* style and design */
  81. padding:6px;
  82. text-transform:uppercase;
  83. background:#fff;
  84. -moz-border-radius:3px;
  85. -webkit-border-radius:3px;
  86. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  87. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  88. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  89. /* font */
  90. font-family:'Lato','Lato Alt', Verdana,Geneva,sans-serif;
  91. font-size:11px;
  92. line-height:16px;
  93. color:#000;
  94. }
  95.  
  96. img {
  97. {block:ifGrayscalePosts}
  98. -webkit-filter:grayscale(1);
  99. {/block:ifGrayscalePosts}
  100. {block:ifFadedPosts}
  101. opacity:0.7;
  102. {/block:ifFadedPosts}
  103. transition:all 1.5s ease;
  104. }
  105.  
  106. img:hover {
  107. {block:ifGrayscalePosts}
  108. -webkit-filter:grayscale(0);
  109. {/block:ifGrayscalePosts}
  110. {block:ifFadedPosts}
  111. opacity:1;
  112. {/block:ifFadedPosts}
  113. }
  114.  
  115. {block:ifSmallCursor}
  116. body, a:hover {
  117. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  118. }
  119. {/block:ifSmallCursor}
  120.  
  121. body {
  122. font-size:12px;
  123. color:{color:text};
  124. background-color:{color:background};
  125. font-family:'Lato', Arial;
  126. }
  127.  
  128. a {
  129. text-decoration:none;
  130. color:{color:links};
  131. transition:all 0.5s ease;
  132. }
  133.  
  134. a:hover {
  135. color:{color:links hover};
  136. }
  137.  
  138. blockquote {
  139. padding-left:5px;
  140. border-left:1px solid {color:blockquote};
  141. }
  142.  
  143. /*Sidebar/Header*/
  144. #sidebar {
  145. position:fixed;
  146. margin-top:-50px;
  147. height:100%;
  148. }
  149.  
  150. #sidebar img {
  151. min-height:100%;
  152. overflow:hidden;
  153. margin-left:80px;
  154. }
  155.  
  156. #about {
  157. margin-left:50px;
  158. max-width:200px;
  159. line-height:100%;
  160. margin-top:200px;
  161. height:500px;
  162. }
  163.  
  164. #lorde {
  165. margin-left:180px;
  166. margin-top:-700px;
  167. }
  168.  
  169. #title {
  170. text-transform:uppercase;
  171. width:200px;
  172. text-align:center;
  173. font-size:18px;
  174. }
  175.  
  176. #desc {
  177. line-height:100%;
  178. margin-top:30px;
  179. }
  180.  
  181. #pag {
  182. margin-top:15px;
  183. }
  184.  
  185. #sidebar img {
  186. height:100%;
  187. }
  188.  
  189. #links {
  190. margin-left:250px;
  191. margin-top:-350px;
  192. }
  193.  
  194. .link {
  195. width:15px;
  196. height:15px;
  197. padding:3px;
  198. margin-bottom:15px;
  199. border:1px solid {color:link borders};
  200. }
  201.  
  202. /*Posts*/
  203. #posts {
  204. {block:if400pxPosts}
  205. width:400px;
  206. {/block:if400pxPosts}
  207. {block:if500pxPosts}
  208. width:500px;
  209. {/block:if500pxPosts}
  210. word-wrap:break-word;
  211. margin:50px;
  212. margin-left:570px;
  213. }
  214.  
  215. .title {
  216. text-align:center;
  217. letter-spacing:1px;
  218. text-transform:uppercase;
  219. font-family:'Lato';
  220. font-size:16px;
  221. }
  222.  
  223. #quote {
  224. font-size:14px;
  225. margin-bottom:10px;
  226. }
  227.  
  228. #source {
  229. padding-left:15px;
  230. }
  231.  
  232. #link {
  233. text-align:center;
  234. text-transform:uppercase;
  235. letter-spacing:1px;
  236. font-family:'Lato';
  237. font-size:16px;
  238. }
  239.  
  240. #chat {
  241. line-height:90%;
  242. }
  243.  
  244. #audio {
  245.  
  246. }
  247.  
  248. #audioplayer {
  249. height:10px;
  250. margin-bottom:20px;
  251. }
  252.  
  253. #audioinfo {
  254. text-align:center;
  255. margin-top:-100px;
  256. }
  257.  
  258. #audiocaption {
  259. margin-top:20px;
  260. }
  261.  
  262. #ask {
  263. border-bottom:1px solid #ccc;
  264. padding:10px;
  265. padding-bottom:20px;
  266. }
  267.  
  268. #ask img {
  269. border-radius:100%;
  270. }
  271.  
  272. #ask portrait {
  273. border-radius:100%;
  274. }
  275.  
  276. #question {
  277. margin-left:55px;
  278. margin-top:-30px;
  279. }
  280.  
  281. #posts:hover #tags {
  282. opacity:1;
  283. transition: all 0.7s ease-in-out;
  284. }
  285.  
  286. #tags {
  287. opacity:0;
  288. margin-top:-8px;
  289. {block:ifDisableHoverTags}
  290. opacity:1;
  291. {/block:ifDisableHoverTags}
  292. transition:all 0.7s ease-in-out;
  293. }
  294.  
  295. #info {
  296. opacity:1;
  297. line-height:60%;
  298. padding-top:10px;
  299. border-top:1px solid {color:info border};
  300. margin-top:20px;
  301. {block:if400px}
  302. width:400px;
  303. {/block:if400px}
  304. {block:if500px}
  305. width:500px;
  306. {/block:if500px}
  307. }
  308.  
  309. .information {
  310. text-transform:uppercase;
  311. border:1px solid {color:info border};
  312. padding:5px;
  313. margin-right:5px;
  314. display:inline-block;
  315. }
  316.  
  317. #info p {
  318. line-height:120%;
  319. }
  320.  
  321. .post img {
  322. max-width:100%;
  323. overflow:hidden;
  324. margin:auto;
  325. }
  326.  
  327. /*credit, remove and i will find you*/
  328. #credit {
  329. position:fixed;
  330. font-family:'Lato', 'Lato Alt', Verdana;
  331. right:10px;
  332. font-size:10px;
  333. background-color:#fff;
  334. border:1px solid #ccc;
  335. padding:5px;
  336. bottom:10px;
  337. color:#000;
  338. }
  339.  
  340. {CustomCSS}
  341.  
  342. </style>
  343. {block:ifLazyLoad}
  344. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  345. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  346. <script type="text/javascript" charset="utf-8">
  347. var $j = jQuery.noConflict();
  348. $j(function() {
  349. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  350. $j("img").lazyload({
  351. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  352. effect: "fadeIn",
  353. });
  354. });
  355. </script>
  356. {/block:ifLazyLoad}
  357. </head>
  358. <body>
  359. <!---HTML FOR THE SIDEBAR--->
  360. <div id="sidebar">
  361.  
  362. <div id="about">
  363. <div id="title">{Title}</div>
  364. <div id="desc">{Description}</div>
  365. <div id="pag">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  366. </div>
  367.  
  368. <div id="lorde">
  369. <img src="{image:sidebar}" width="150px" height="100%"/>
  370. <div id="links">
  371. <a href="{text:link 1 url}" title="{text:link 1}"><div class="link">01.</div></a>
  372. <a href="{text:link 2 url}" title="{text:link 2}"><div class="link">02.</div></a>
  373. <a href="{text:link 3 url}" title="{text:link 3}"><div class="link">03.</div></a>
  374. <a href="{text:link 4 url}" title="{text:link 4}"><div class="link">04.</div></a>
  375. <a href="{text:link 5 url}" title="{text:link 5}"><div class="link">05.</div></a>
  376. </div>
  377. </div>
  378.  
  379. </div>
  380.  
  381. <!---HTML FOR THE POSTS--->
  382. {block:Posts}
  383.  
  384. <div id="posts">
  385.  
  386. {block:Text}<div class="post">{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}</div>{/block:Text}
  387.  
  388. {block:Photo}<div class="post">{block:if400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}{block:if500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500pxPosts}<div class="caption"><p>{block:Caption}{Caption}{/block:Caption}</p></div></div>{/block:Photo}
  389.  
  390. {block:Photoset}<div class="post">{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}{block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}<div class="caption"><p>{block:Caption}{Caption}{/block:Caption}</p></div></div>{/block:Photoset}
  391.  
  392. {block:Quote}<div class="post"><div id="quote"><i>{Quote}</i></div><div id="source">{block:Source}{Source}{/block:Source}</div></div>{/block:Quote}
  393.  
  394. {block:Link}<div class="post"><div id="link"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  395.  
  396. {block:Chat}<div class="post"><div id="chat"><div class="title">{block:Title}{Title}{/block:Title}</div>{block:Lines}<p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>{/block:Lines}</div></div>{/block:Chat}
  397.  
  398. {block:Audio}<div class="post"><div id="audio"><div id="audioplayer">{AudioPlayerWhite}</div> <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}</div><div id="audioinfo">{PlayCountWithLabel}<p>{block:Artist}By: {Artist}{/block:Artist}</p><p>{block:Album}From: {Album}{/block:Album}</p><p>Track: {block:TrackName}{TrackName}{/block:TrackName}</p></div>{block:Caption}<div id="audiocaption">{Caption}</div>{/block:Caption}</div></div>{/block:Audio}
  399.  
  400. {block:Video}{block:if500pxPosts}{Video-500}{/block:if500pxPosts}{block:if400pxPosts}{Video-400}{/block:if400pxPosts}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  401.  
  402. {block:Answer}<div class="post"><div id="ask"><div id="ask portrait"><img src="{AskerPortraitURL-48}"/></div> <div id="question">{Asker}: {Question}</div></div><p>{Answer}</p></div>{/block:Answer}
  403.  
  404. <div id="info"><div class="information">{block:Date}{Month} {DayOfMonthWithZero}{/block:Date}</div> {block:NoteCount}<div class="information"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}{block:PostNotes}{PostNotes-16}{/block:PostNotes}{block:ContentSource}<div class="information"><a href="{SourceURL}" title="{SourceTitle}">Source</div>{/block:ContentSource}{block:RebloggedFrom}<div class="information"><a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a></div>{/block:RebloggedFrom} <div class="information"><a href="{ReblogURL}">Reblog</a></div><div id="tags">{block:HasTags}<p>{block:Tags}<a href="{TagURL}"><i>#{Tag}</i></a> {/block:Tags}</p>{/block:HasTags}</div></div>
  405.  
  406. </div>
  407.  
  408. {/block:Posts}
  409.  
  410. <!--credit, remove and i will find you-->
  411. <div id="credit">
  412. <a href="http://primhadablast.tumblr.com" title="primhadablast codes">THEME ♥</a>
  413. </div>
  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!