API tools faq
paste
spacegirl44

jamie's theme 08

spacegirl44
Aug 6th, 2018
705
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. ———————————————————————————————————————
  7. |                                       |
  8. |     THEME 8 BY JAMES @SHATTERSTAR     |
  9. |    please do not remove credit!!!     |
  10. |    do not use this code as a base     |
  11. |        for your own themes!!          |
  12. |                                       |
  13. ———————————————————————————————————————
  14.  
  15. ----->
  16.  
  17.  
  18. <meta charset="utf-8">
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24. <meta name="text:Description" content="This is so if you want your mobile description and your desktop description to be different." />
  25.  
  26. <meta name="image:Sidebar Image" content="" />
  27. <meta name="image:Background Image" content="" />
  28.  
  29. <meta name="color:Gradient1" content="#88b4be">
  30. <meta name="color:Gradient2" content="#ffa67a">
  31. <meta name="color:Background" content="#ffffff" />
  32. <meta name="color:Borders" content="#000000" />
  33. <meta name="color:Scrollbar" content="#e57a2d" />
  34. <meta name="color:Scrollbar Background" content="#ffffff" />
  35. <meta name="color:Scrollbar Border" content="#000000" />
  36. <meta name="color:Text" content="#ffffff" />
  37. <meta name="color:Link" content="#474747" />
  38. <meta name="color:Link Hover" content="#e57a2d" />
  39. <meta name="color:Link Highlight" content="#ccc" />
  40. <meta name="color:Sidebar Link" content="#ffffff" />
  41. <meta name="color:Sidebar Link Hover" content="#000000" />
  42. <meta name="color:Sidebar Link Highlight" content="#000000" />
  43. <meta name="color:Link Highlight" content="#fff383" />
  44.  
  45. <meta name="select:Font" content="Arial" />
  46. <meta name="select:Font" content="Consolas" />
  47. <meta name="select:Font" content="Inconsolata" />
  48. <meta name="select:Font" content="Century Gothic" />
  49. <meta name="select:Font" content="Lucida Console" />
  50. <meta name="select:Font" content="Calibri" />
  51. <meta name="select:Font" content="Tahoma" />
  52. <meta name="select:Font Size" content="10px" />
  53. <meta name="select:Font Size" content="11px" />
  54. <meta name="select:Font Size" content="12px" />
  55. <meta name="select:Font Size" content="13px" />
  56. <meta name="select:Font Size" content="16px" />
  57.  
  58. <meta name="if:Repeating Background" content="0" />
  59. <meta name="if:Solid Background" content="1" />
  60. <meta name="if:Gradient Background" content="0"/>
  61. <meta name="if:Highlight Links" content="0" />
  62. <meta name="if:Highlight Sidebar Links" content="1" />
  63. <meta name="if:Small Sidebar Img" content="0" />
  64.  
  65. <meta name="text:Home Title" content="home" />
  66. <meta name="text:Link 1" content="" />
  67. <meta name="text:Link 1 Text" content="" />
  68. <meta name="text:Link 2" content="" />
  69. <meta name="text:Link 2 Text" content="" />
  70. <meta name="text:Link 3" content="" />
  71. <meta name="text:Link 3 Text" content="" />
  72.  
  73. <title>{Title}</title>
  74.        
  75. <link rel="shortcut icon" href="{Favicon}">
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  77. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  78.  
  79. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  80.        
  81. <style type="text/css">
  82.  
  83.  
  84. ::-webkit-scrollbar { height: 2px; width: 7px; background:{color:scrollbar background}; border:1px solid {color:scrollbar border};}
  85. ::-webkit-scrollbar-thumb:vertical { background: {color:scrollbar}; }
  86. body {font-family:{select:Font}; font-size:{select:Font Size}; {block:ifnotGradientBackground}background: {block:ifSolidBackground} {color:Background}; {/block:ifSolidBackground}  {block:ifnotSolidBackground}  url({image:Background Image}); {block:ifRepeatingBackground} background-repeat:repeat; background-attachment:fixed; background-position:left top;{/block:ifRepeatingBackground} {block:ifnotRepeatingBackground} no-repeat center center fixed; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifnotRepeatingBackground} {/block:ifnotSolidBackground}{/block:ifnotGradientBackground}
  87. {block:ifgradientbackground} background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0.9,{color:Gradient2}),color-stop(0.1, {color:Gradient1})); background-attachment: fixed; {/block:ifgradientbackground} color:{color:Text}; }
  88. p{ margin:0 0 10px 0; padding:0; }
  89. pre {  white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
  90. a{ color:{color:Link}; {block:ifHighlightLinks} text-decoration:None; background:{color:Link Highlight}; {/block:ifHighlightLinks} }
  91. a:hover{ color:{color:Link Hover}; {block:ifHighlightLinks} background:transparent; {/block:ifHighlightLinks} }
  92. li{ margin-left:-15px; }
  93. #nucleus{ width:600px; margin:50px auto; }
  94. #aptamer{ width:170px; position:fixed; margin: 140px 0 0 -60px; }
  95. #aptamer img { padding:0 5px 5px 0; height:auto; {block:ifSmallSidebarImg} max-width:85px; {/block:ifSmallSidebarImg} {block:ifnotSmallSidebarImg} max-width:100%; {/block:ifnotSmallSidebarImg}}
  96. #aptamer a{ color:{color:Sidebar Link}; {block:ifHighlightSidebarLinks} text-decoration:None; background:{color:Sidebar Link Highlight};
  97. {/block:ifHighlightSidebarLinks} {block:ifnotHighlightSidebarLinks} background:transparent; text-decoration:underline; {/block:ifnotHighlightSidebarLinks}}
  98. #aptamer a:hover{ color:{color:Sidebar Link Hover}; {block:ifHighlightSidebarLinks} background:transparent; {/block:ifHighlightSidebarLinks} }
  99. #dna{ width:450px; margin-left:230px; overflow:hidden; }
  100. .post{ width:400px; margin:0 0 80px 0; padding:25px; overflow:hidden; background: transparent; }
  101. .post img{ max-width:100%; }
  102. .caption { }
  103. .caption img { max-width:100%; height:auto; }
  104. #rna { margin:10px 0 0 0; }
  105. #rna a { color:{color:Link Hover}; text-decoration:none; background:transparent; }
  106. #rna a:hover { color:{color:Text}; text-decoration:none; background:transparent; }
  107. .polymerase{ margin:0 0 10px 0; }
  108. .polymerase a{ background:transparent; text-decoration:none; }
  109. .helicase{ font-weight:normal; font-size:18px; margin:0 0 10px 0; }
  110. .ligase{ font-weight:normal; font-size:16px; font-style:italic; margin:0 0 10px 0; }
  111. .topoisomerase{ margin-bottom:20px; }
  112. #camp { }
  113. #cascade { margin: -29px 0 0 34px; }
  114. .ribosome {width:90px; height:90px;position:absolute; margin-top:0px;} .ribosome img {width:90px; height:90px;}
  115. .synthetase {z-index:9999999999; margin:0px auto auto 0px; position:absolute; opacity:0.3; width:30px; height:30px; margin-top:0px; padding:30px; background-color:#fff;}
  116. .synthetase:hover {opacity:0.7;}
  117. .polypeptide{width:30px; height:30px; overflow:hidden;background-color:#fff;}
  118. .anticodon { margin-left:100px; overflow:auto; height:90px; overflow:auto;}
  119. blockquote{ margin:0 0 10px 10px; padding:0 0 0 10px; border-left:solid 1px {color:Borders}; }
  120. #fluorophore { margin-top:10px; }
  121. #fluorophore a { text-decoration:none; }
  122. .gfp {}
  123. .malachitegreen {}
  124. ol.notes{ list-style-type:none; padding:0; margin:0; }
  125. ol.notes li.note img{ width:16px; height:16px; }
  126. ol.notes li.note{ margin:0px; }
  127. .pcr {{block:IndexPage}display: none!important;{/block:IndexPage}overflow:auto; width:400px; margin-top:0px;margin-bottom:50px;max-height:150px;text-align:left;line-height:1.7em; }
  128. .pcr a { color:{color:text}; text-decoration:none; background:transparent;}
  129. .pcr  a:hover { color:{color:Link Hover}; }
  130. .pcr img {display:none!important;}
  131. .pcr li {list-style-type:none; text-align:left;line-height:1.6em;}
  132. #mapkinase { margin-left:3px; bottom:3px; padding:5px; position:fixed; text-transform:uppercase; font-size:12px;}
  133. #_ { }
  134.  
  135.  
  136.  
  137. {CustomCSS}
  138. </style>
  139. </head>
  140.  
  141. <body>
  142. <div id="nucleus">
  143.  
  144.  
  145. <div id="aptamer">
  146. <img src="{image:Sidebar Image}">
  147. {block:Description}
  148. <p>{text:Description}</p>
  149. {/block:Description}
  150. <a href="/">{text:Home Title}</a> /
  151. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a> /{/block:ifLink1}
  152. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a> /{/block:ifLink2}
  153. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:ifLink3}
  154. {block:Pagination}
  155. <div id="rna">
  156. {block:PreviousPage}<a href="{PreviousPage}"><< </a>{/block:PreviousPage}
  157.  
  158. {block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}
  159. </div>
  160. {/block:Pagination}
  161. </div>
  162.  
  163.  
  164.  
  165. <div id="dna">
  166. {block:Posts}
  167.  
  168. <div class="post">
  169.  
  170. {block:Text}
  171. {block:Title}
  172. <div class="helicase">{Title}</div>
  173. {/block:Title}
  174. <div class="caption">{Body}</div>
  175. {/block:Text}
  176.  
  177. {block:Photo}
  178. <div class="polymerase">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  179. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  180. {/block:Photo}
  181.  
  182. {block:Photoset}
  183. <div class="polymerase">{Photoset-400}</div>
  184. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  185. {/block:Photoset}
  186.  
  187. {block:Quote}
  188. <div class="ligase">"{Quote}"</div>
  189. {block:Source}
  190. <div class="quotesource">{Source}</div>
  191. {/block:Source}
  192. {/block:Quote}
  193.  
  194. {block:Link}
  195. <div class="helicase"><a href="{URL}">{Name}</a></div>
  196. {block:Description}
  197. <div class="description">{Description}</div>
  198. {/block:Description}
  199. {/block:Link}
  200.  
  201. {block:Chat}
  202. {block:Title}
  203. <div class="helicase">{Title}</div>
  204. {/block:Title}
  205.  
  206. {block:Lines}
  207. <div class="{Alt} user_{UserNumber}">
  208. {block:Label}
  209. <b>{Label}</b>{/block:Label}
  210. &nbsp;{Line}
  211. </div>
  212. {/block:Lines}
  213. {/block:Chat}
  214.  
  215. {block:Video}
  216. <div class="polymerase">{Video-400}</div>
  217. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  218. {/block:Video}
  219.  
  220. {block:Audio}{block:AudioPlayer}<div class="synthetase"><div class="polypeptide">{AudioPlayerwhite}</div></div>{/block:AudioPlayer}{block:AlbumArt}<img class="ribosome"src="{AlbumArtURL}">{/block:AlbumArt}<div class="anticodon"> <!-- </div><h2><i class="fa fa-volume-up"></i>audio</h2> --><b>Title:</b> {block:Artist} {Artist} -{/block:Artist} {block:TrackName} {TrackName} {/block:TrackName} {block:PlayCount}<br> <b>Play count:</b> {PlayCount} {/block:PlayCount}</div>{/block:Audio}
  221.  
  222.                
  223. {block:Answer}
  224. <div class="topoisomerase"><div class="camp"><img src="{AskerPortraitURL-24}"></div><div id="cascade"><i>{Asker} said: </i>{Question}</div></div>
  225. <div class="caption">{Answer}</div>
  226. {/block:Answer}
  227.  
  228. {block:NoRebloggedFrom}
  229. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  230. {/block:NoRebloggedFrom}{block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  231.  
  232. {block:IndexPage}
  233. <div id="fluorophore">
  234.  
  235. <div class="gfp">
  236. {block:Date}<a href="{Permalink}">{24Hour}:{Minutes}</a>{/block:Date} /
  237. <a href="{Permalink}">{NoteCount} </a>
  238.  
  239. </div>
  240.  
  241. <div id="tags">
  242. {block:HasTags}<b></b>{block:Tags}<a href="{TagURL}">#{Tag}</a>
  243. {/block:Tags}{/block:HasTags}
  244. </div></div></div>
  245. {/block:IndexPage}
  246.  
  247.  
  248. {block:PermalinkPage}
  249. <div id="fluorophore">
  250.  
  251. {block:Date}<div class="gfp">
  252. {DayOfMonthWithZero} {ShortMonth} at {24HourWithZero}:{Minutes}{/block:Date}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}
  253.  
  254. <div class="malachitegreen" style="float:right">
  255. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a><font color="{color:link}">, </font><a href="{ReblogRootURL}" title="{ReblogRootName}">©</a> {/block:RebloggedFrom}<br>
  256.  
  257. </div>
  258.  
  259. </div>
  260. </div>
  261.  
  262. <div id="tags">
  263. {block:HasTags}<b></b>{block:Tags}<a href="{TagURL}">#{Tag}</a>
  264. {/block:Tags}{/block:HasTags}
  265. </div></div>
  266. {/block:PermalinkPage}
  267.  
  268. {block:PermalinkPage}
  269. {block:PostNotes}<p><div class="pcr">{PostNotes}</div>{/block:PostNotes}
  270. {/block:PermalinkPage}
  271.  
  272.  
  273. {/block:Posts}
  274.  
  275. </div>
  276. </div>
  277.  
  278. </div>
  279.  
  280.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  281.         <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  282.  
  283.  
  284. <div id="mapkinase"><a href="http://shatterstar.tumblr.com" title="theme credit">N</a></div>
  285.     </body>
  286. </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!