mewl

(THEME #01) AQUANAUT

Nov 4th, 2013
12,594
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.55 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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3.  
  4. <!-- aquanaut theme by mewl.tumblr.com ☀ keep this line intact! -->
  5.  
  6. <head>
  7. {block:ifEndlessScrolling}<script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>{/block:ifEndlessScrolling}
  8. <link rel="stylesheet" type="text/css"/>
  9. <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  10.  
  11. <!-- color options -->
  12. <meta name="color:Background" content="#58e0f8" />
  13. <meta name="color:Highlight Color" content="#e6f897" />
  14. <meta name="color:Text Color" content="#444" />
  15. <meta name="color:Bold Color" content="#ee9f9f" />
  16. <meta name="color:Italic Color" content="#bcc254" />
  17. <meta name="color:Post Title" content="#f8d07c">
  18. <meta name="color:Post Border Color" content="#38d2e9">
  19. <meta name="color:Post Background Color" content="#ffffff">
  20. <meta name="color:Link Color" content="#8cc9cf" />
  21. <meta name="color:Link Background Color" content="#eafabc" />
  22. <meta name="color:Metadata Background Color" content="#fff5bb" />
  23. <meta name="color:Metadata Border Color" content="#efe4a9" />
  24. <meta name="color:Metadata Text Color" content="#ee9f9f" />
  25. <meta name="color:Metadata Link Color" content="#8cc9cf" />
  26. <meta name="color:BlockQuote" content="#f8aac9" />
  27. <meta name="color:BlockQuote 2" content="#CAEBDA" />
  28. <meta name="color:BlockQuote 3" content="#c6f07e" />
  29. <meta name="color:BlockQuote 4" content="#f3e043" />
  30. <meta name="color:BlockQuote 5" content="#f1c6ec" />
  31. <meta name="color:BlockQuote 6" content="#ee9f9f" />
  32. <meta name="color:BlockQuote 7" content="#baeeec" />
  33. <meta name="color:Drop Down Navi Bg Color" content="#baeeec" />
  34. <meta name="color:Drop Down Navi Text Color" content="#419199" />
  35. <meta name="color:Go Button Text Color" content="#bcc254" />
  36. <meta name="color:Go Button Bg Color" content="#e6f897" />
  37. <meta name="color:Scrollbar Color" content="#f7f5bf" />
  38. <meta name="color:Scrollbar Color Background" content="#b7fce9">
  39.  
  40. <!-- optional customizations -->
  41. <meta name="if:Maximized Background Image" content="0"/>
  42. <meta name="if:Repeating Background Image" content="0"/>
  43. <meta name="if:Background Image Repeating Across the Bottom" content="1"/>
  44. <meta name="if:Visible Tags" content="1" />
  45. <meta name="if:Floating Image" content="0">
  46. <meta name="if:Sidebar Image" content="1">
  47. <meta name="if:Scroll To Top Image" content="1">
  48. <meta name="if:No Caption" content="0" />
  49. <meta name="if:Endless Scrolling" content="0" />
  50. <meta name="if:Post Shadow" content="1">
  51. <meta name="if:Transparent Posts" content="0">
  52. <meta name="if:Round Post Corners" content="0">
  53. <meta name="if:250px Posts" content="0">
  54. <meta name="if:400px Posts" content="1">
  55. <meta name="if:500px Posts" content="0">
  56.  
  57. <!-- border customizations -->
  58. <meta name="select:Post Border Type" content="solid" title="solid">
  59. <meta name="select:Post Border Type" content="dashed" title="dashed">
  60. <meta name="select:Post Border Type" content="dotted" title="dotted">
  61. <meta name="select:Post Border Type" content="double" title="double">
  62. <meta name="select:Post Border Type" content="groove" title="groove">
  63. <meta name="select:Post Border Type" content="ridge" title="ridge">
  64. <meta name="select:Post Border Type" content="inset" title="inset">
  65. <meta name="select:Post Border Type" content="outset" title="outset">
  66. <meta name="select:Post Border Type" content="none" title="none">
  67. <meta name="select:Sidebar Border Type" content="solid" title="solid">
  68. <meta name="select:Sidebar Border Type" content="dashed" title="dashed">
  69. <meta name="select:Sidebar Border Type" content="dotted" title="dotted">
  70. <meta name="select:Sidebar Border Type" content="double" title="double">
  71. <meta name="select:Sidebar Border Type" content="groove" title="groove">
  72. <meta name="select:Sidebar Border Type" content="ridge" title="ridge">
  73. <meta name="select:Sidebar Border Type" content="inset" title="inset">
  74. <meta name="select:Sidebar Border Type" content="outset" title="outset">
  75. <meta name="select:Sidebar Border Type" content="none" title="none">
  76. <meta name="select:Metadata Border Type" content="solid" title="solid">
  77. <meta name="select:Metadata Border Type" content="dashed" title="dashed">
  78. <meta name="select:Metadata Border Type" content="dotted" title="dotted">
  79. <meta name="select:Metadata Border Type" content="double" title="double">
  80. <meta name="select:Metadata Border Type" content="groove" title="groove">
  81. <meta name="select:Metadata Border Type" content="ridge" title="ridge">
  82. <meta name="select:Metadata Border Type" content="inset" title="inset">
  83. <meta name="select:Metadata Border Type" content="outset" title="outset">
  84. <meta name="select:Metadata Border Type" content="none" title="none">
  85. <meta name="select:Blockquote Border Type" content="solid" title="solid">
  86. <meta name="select:Blockquote Border Type" content="dashed" title="dashed">
  87. <meta name="select:Blockquote Border Type" content="dotted" title="dotted">
  88. <meta name="select:Blockquote Border Type" content="double" title="double">
  89. <meta name="select:Blockquote Border Type" content="groove" title="groove">
  90. <meta name="select:Blockquote Border Type" content="ridge" title="ridge">
  91. <meta name="select:Blockquote Border Type" content="inset" title="inset">
  92. <meta name="select:Blockquote Border Type" content="outset" title="outset">
  93.  
  94. <!-- more customizations -->
  95. <meta name="text:Post Border Strength" content="1"/>
  96. <meta name="text:Metadata Border Strength" content="1"/>
  97. <meta name="text:Blockquote Border Strength" content="4"/>
  98. <meta name="text:Notes Symbol" content="★"/>
  99. <meta name="text:Floating Img Width" content="400"/>
  100. <meta name="text:Floating Img Vertical" content="0"/>
  101. <meta name="image:Floatie" content=""/>
  102. <meta name="text:Transparent Strength" content=".5"/>
  103. <meta name="text:Transparent Metadata Strength" content=".7"/>
  104. <meta name="text:Transparent Nav Strength" content=".7"/>
  105. <meta name="text:Border Type" content="solid"/>
  106. <meta name="image:Favicon" content="" />
  107. <meta name="text:Sidebar Image Width" content="90"/>
  108. <meta name="text:Sidebar Image Vertical" content="20"/>
  109. <meta name="image:Background" content="http://static.tumblr.com/6d45eeb3dbb1cc5831ea61a3e9db9c23/jvsxmju/rknmvog6g/tumblr_static_bg4.gif" />
  110. <meta name="image:Sidebar Image" content="http://static.tumblr.com/3e8488ddc526bfa6b988eac961fd166a/jvsxmju/yDRmvrk5r/tumblr_static_tumblr_inline_mgzq3hey5s1rr8ujf.gif" />
  111. <meta name="image:Scroll to Top Image" content="http://static.tumblr.com/ece7120354c0293cad25ca9724737ed1/jvsxmju/G6rmvrk6q/tumblr_static_free_jellyfish_icon_by_koffeelam-d5i91o3.gif" />
  112.  
  113. <!-- navigation links -->
  114. <meta name="text:Link 1" content=""/>
  115. <meta name="text:Link 1 URL" content="/"/>
  116. <meta name="text:Link 2" content=""/>
  117. <meta name="text:Link 2 URL" content="/"/>
  118. <meta name="text:Link 3" content=""/>
  119. <meta name="text:Link 3 URL" content="/"/>
  120. <meta name="text:Link 4" content=""/>
  121. <meta name="text:Link 4 URL" content="/"/>
  122. <meta name="text:Link 5" content=""/>
  123. <meta name="text:Link 5 URL" content="/"/>
  124. <meta name="text:Link 6" content=""/>
  125. <meta name="text:Link 6 URL" content="/"/>
  126. <meta name="text:Link 7" content=""/>
  127. <meta name="text:Link 7 URL" content="/"/>
  128. <meta name="text:Link 8" content=""/>
  129. <meta name="text:Link 8 URL" content="/"/>
  130. <meta name="text:Link 9" content=""/>
  131. <meta name="text:Link 9 URL" content="/"/>
  132. <meta name="text:Link 10" content=""/>
  133. <meta name="text:Link 10 URL" content="/"/>
  134.  
  135. <Title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</Title>
  136. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  137. <link rel="shortcut icon" href="{image:Favicon}" />
  138. <style type="text/css">
  139.  
  140. /* body */
  141. body {{block:IfRepeatingBackgroundImage}background: url('{image:Background}') repeat;{/block:IfRepeatingBackgroundImage}{block:IfBackgroundImageRepeatingAcrosstheBottom}background: url('{image:Background}') fixed;background-repeat:repeat-x;background-position:bottom;{/block:IfBackgroundImageRepeatingAcrosstheBottom}height:100%; margin:0; padding:0;{block:ifnotMaximizedBackgroundImage}background-color: {color:Background};{block:ifnotMaximizedBackgroundImage}color:{color:Text Color};font-family: Cousine, consolas, lucida console, courier new, verdana;font-size: 11px;cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto;}
  142. html {{block:ifMaximizedBackgroundImage}background: url('{image:Background}') no-repeat center center fixed; -webkit-background-size: cover;-o-background-size: cover;background-size: cover;{/block:ifMaximizedBackgroundImage}}
  143. #tumblr_controls {position: fixed!important;}
  144.  
  145. /* highlight and scrollbar */
  146. ::-moz-selection, mark {background:{color:Highlight Color};}
  147. ::selection {background:{color:Highlight Color}!important;}
  148. ::-webkit-scrollbar {height: 10px;width: 10px;background: {color:Scrollbar Color Background};}
  149. ::-webkit-scrollbar-thumb {background-color: {color:Scrollbar Color};border-radius: 10px;-moz-border-radius: 10px;
  150. -webkit-border-radius: 10px;-o-border-radius: 10px;
  151. -ms-border-radius: 10px;}
  152.  
  153. /* links */
  154. a {text-decoration:none;}
  155. .words a, #meta a, .whisperer a, #notes a, #sidebar_bg a {cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto;color: {color:Link Color};background-color:{color:Link Background Color};text-decoration: none;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s;}
  156. a:hover, #sidebar_bg a:hover {color:{color:Link Background Color};cursor: url(http://i46.tinypic.com/1fe911.png), auto;background-color:{color:Link Color};}
  157. #sidebar_img a:hover {cursor: url(http://i46.tinypic.com/1fe911.png), auto;background-color:transparent;}
  158. img, img:hover, img a, img a:hover {background-color:transparent!important;border:0px;}
  159.  
  160. /* bold, italic, pre, lists */
  161. b, strong {color: {color:Bold Color};}
  162. i, em {color: {color:Italic Color};}
  163. pre {background-color: {color:Post Background Color};margin:0px;padding:0px;overflow: auto;white-space:pre-wrap;}
  164. ul {padding:left:10px;}
  165.  
  166. /* floating image */
  167. #floatie {{block:ifnotFloatingImage}display:none;{/block:ifnotFloatingImage}position:fixed;bottom:{text:floating img vertical}px;left:0px;}
  168.  
  169. /* image hovers */
  170. .cube img, .html_photoset {opacity:1;-webkit-transition:opacity 0.8s linear;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition: all 0.5s ease-out;-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0);}
  171. .cube img:hover, .html_photoset:hover {opacity:.7;-webkit-transition:opacity 0.7s linear;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0);cursor: url(http://i46.tinypic.com/1fe911.png), auto!important;}
  172.  
  173. /* post body */
  174. table, tr, td {font-size:11px; text-align:justify;}
  175. {block:If250pxPosts}#main {width:250px;float:left;margin:10px 0 0 0;}{/block:If250pxPosts}{block:If500pxPosts}#main {width:500px;float:left;margin:10px 0 0 0;}{/block:If500pxPosts}{block:If400pxPosts}#main {width:400px;float:left;margin:10px 0 -15px 0px;}{/block:If400pxPosts}
  176. .cube {background:rgba(255,255,255,{text:Transparent Strength});{block:ifPostShadow}box-shadow:rgba(0,0,0,0.08)10px 10px;{/block:ifPostShadow}{block:ifnotTransparentPosts}background-color:{color:Post Background Color};{/block:ifnotTransparentPosts}{block:ifnotRoundPostCorners}padding:10px;{/block:ifnotRoundPostCorners}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If250pxPosts}width:250px;{/block:If250pxPosts}{block:If500pxPosts}width:500px;{/block:If500pxPosts}border: {text:Post Border Strength}px {select:Post Border Type} {color:Post Border Color};position: relative;margin:0px 0px 20px 0px;{block:IfRoundPostCorners}padding:15px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px; overflow: hidden;{/block:IfRoundPostCorners}}
  177. .view a, .view a:hover, .view:hover, .view img, .view img a, .view img a:hover {width:100%; background-color:transparent;}
  178. .view {text-align: center;width:100%;margin-bottom:5px;}
  179. .photoset {margin:0 auto;}
  180.  
  181. /* post inner body */
  182. .words {padding: 3px 10px 3px 10px;margin:0px 0px 10px 0px;line-height: 15px;text-align:justify;}
  183. {block:If250pxPosts}.words img {max-width:150px;}{/block:If250pxPosts}{block:If500pxPosts}.words img {max-width:300px;}{/block:If500pxPosts}{block:If400pxPosts}.words img {max-width:250px;}{/block:If400pxPosts}
  184.  
  185. /* post title */
  186. {block:If250pxPosts}h1, h1 a {font-size:13px!Important;}{/block:If250pxPosts}h1, h1 a {color: {color:Post Title}!important;font-weight: bold;font-size: 16px;text-decoration: none;padding: 10px 10px 0px 10px;margin:0px;background-color:transparent!important;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
  187. h1 a:hover {color: {color:BlockQuote 3}!important;}
  188.  
  189. /* quote */
  190. .quote {color: {color:Post Title};font-weight: bold;font-size:15px;padding: 10px 10px 10px 22px;}
  191.  
  192. /* asks */
  193. .whisper {position: relative;color:{color:Metadata Text Color};background-color:{color:Metadata Background Color};margin: 0;padding:10px;font-weight:bold;}
  194. .whisper:after {display: block;content: "";border-color:{color:Metadata Background Color} transparent transparent transparent;border-style: solid;border-width: 10px;height:0;width:0;position:absolute;bottom:-19px;left:1em;}
  195. .whisperer {margin: 0px 0px 10px 25px;}
  196. .whisperer img {border:5px solid {color:Bold Color};margin: 0px 10px -9px 0px;}
  197.  
  198. /* chat */
  199. .label {{block:ifTransparentPosts}opacity:{text:Transparent Metadata Strength};{/block:ifTransparentPosts}background-color: {color:Drop Down Navi Bg Color};color: {color:Drop Down Navi Text Color};padding: 3px 5px;}
  200. .label.even {{block:ifTransparentPosts}opacity:{text:Transparent Metadata Strength};{/block:ifTransparentPosts}background-color: {color:Go Button bg Color};color: {color:Go Button Text Color};}
  201.  
  202. /* metadata */
  203. .meta {{block:ifTransparentPosts}opacity:{text:Transparent Metadata Strength};{/block:ifTransparentPosts}background: {color:Metadata Background Color};color: {color:Metadata Text Color};border:{text:Metadata Border Strength}px {select:Metadata Border Type} {color:Metadata Border Color};margin:8px 0 0 0px;padding: 5px 10px 5px 10px;font-weight:bold;{block:ifRoundPostCorners}border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px; overflow: hidden;{/block:ifRoundPostCorners}}
  204. .meta a{color: {color:Metadata Link Color};background-color:transparent;-o-transition:.5s; -ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
  205. .meta a:hover {color: {color:Metadata Link Color};background-color:transparent;opacity:0.7;}
  206. .meta img {width:auto;}
  207.  
  208. /* blockquote */
  209. .words p {margin:5px 0px 0px 0px; padding:0px;}
  210. blockQuote p {word-wrap: break-word;}
  211. blockQuote {padding:0px 0px 0px 5px; margin:2px 2px 0px 10px;border-left: {text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote};}
  212. blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 2};}
  213. blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 3};}
  214. blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 4};}
  215. blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 5};}
  216. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 6};}
  217. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 7};}
  218. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding:0px 0px 0px 5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote};}
  219. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 2};}
  220. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 3};}
  221. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 4};}
  222. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 5};}
  223. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 6};}
  224. blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote blockQuote {padding-left:5px; margin:2px 2px 0px 10px;border-left:{text:Blockquote Border Strength}px {select:Blockquote Border Type} {color:blockQuote 7};}
  225.  
  226. /* notes */
  227. #notes {{block:ifTransparentPosts}opacity:{text:Transparent Metadata Strength};{/block:ifTransparentPosts}background: {color:Metadata Background Color};color: {color:Metadata Text Color};border:1px solid {color:Metadata Border Color};text-align: left;position:relative;top:8px;margin:0px 0px 10px 0px;padding:5px;{block:ifRoundPostCorners}border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px; overflow: hidden;{/block:ifRoundPostCorners}}
  228. ol.notes img {display:none!important;}
  229. #notes li.note {margin:0px 0px 5px 0px; padding:0px; list-style-type:decimal-leading-zero;}
  230.  
  231. /* sidebar */
  232. #sidebar {text-align:justify;position:fixed;background:transparent;width: 192px;margin: 200px 0 0 -220px;padding: 10px;{block:IfRoundPostCorners} border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px; overflow: hidden;{/block:IfRoundPostCorners}}
  233. #sidebar_bg {background:rgba(255,255,255,{text:Transparent Strength});{block:ifnotTransparentPosts}background: {color:Post Background Color};{/block:ifnotTransparentPosts}border: 1px {select:Sidebar Border Type} {color:Post Border Color};padding:10px 10px 20px 10px;font-size:11px;{block:ifPostShadow}box-shadow:rgba(0,0,0,0.08)10px 10px;{/block:ifPostShadow}{block:IfRoundPostCorners}border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;overflow: hidden;{/block:IfRoundPostCorners}}
  234. #sidebar_img {position: relative;top: {text:sidebar image vertical}px;padding: 0px;margin-left: auto;margin-right: auto;width: {text:sidebar image width}px;}
  235. .sidebar_img {width: {text:sidebar image width}px;}
  236.  
  237. /* navigation */
  238. #navigation {font-size:11px;position: relative;top: 5px;color: {color:Drop Down Navi Text Color};border: 1px solid {color:Drop Down Navi Bg Color};background-color: {color:Drop Down Navi Bg Color};}
  239. .nav {{block:ifTransparentPosts}opacity:{text:Transparent Nav Strength};{/block:ifTransparentPosts}}
  240.  
  241. /* pagination */
  242. #pagination {text-align:right!important;margin:-7px 0px 7px 0px; font-size:12px;}
  243. .current_page {text-decoration:none;background-color:{color:Drop Down Navi Bg Color};padding: 2px 4px 2px 4px;line-height:25px;color:{color:Drop Down Navi Text Color};border: {text:Metadata Border Strength}px {metadata border type} {color:Metadata Border Color};-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;box-shadow:rgba(0,0,0,0.08)3px 3px;opacity:1;}
  244. #pagination a {text-decoration:none;background-color:{color:Metadata Background Color};padding: 2px 4px 2px 4px;line-height:25px;color:{color:Metadata Text Color};border: 1px dotted {color:Metadata Border Color};-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;box-shadow:rgba(0,0,0,0.08)3px 3px;opacity:1;}
  245. #pagination a:hover {-webkit-transition: opacity 0.4s ease-in;-moz-transition: opacity 0.4s ease-in;-o-transition: opacity 0.4s ease-in;opacity:0.5;}
  246.  
  247. /* tooltip pop up and go button */
  248. #s-m-t-tooltip {background: {color:Drop Down Navi Bg Color};font-size: 12px;font-family: Cousine, consolas, lucida console, courier new, verdana;letter-spacing:1px;text-transform:uppercase;color: {color:Drop Down Navi Text Color};word-wrap: break-word;padding: 0px 5px 0px 5px;display: block;margin: 10px 10px 10px 15px;border: 1px solid {color:Drop Down Navi Text Color};-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px; }
  249. form input[type="submit"] {opacity:1;}
  250. form input[type="submit"]:hover{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity:.7;cursor: url(http://i46.tinypic.com/1fe911.png), auto!Important;}
  251.  
  252. </style>
  253. </head>
  254. <body>
  255. <img src="{image:Floatie}" width="{text:floating img width}" id="floatie">
  256. <table align="center"><tr align="center"><td align="center">
  257. <div id="main">
  258. {block:Posts}
  259. <div class="cube">
  260. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="words">{Body}</div>{/block:Text}
  261.  
  262. {block:Quote}<div class="quote" style="margin-left:10px;"><font style="font-family:georgia; margin:0 0 0 0px; position:absolute; float:left; top:40px; left:15px; font-size:40px!Important; float:left;">“</font>{Quote}</div><div class="words"><div align="right">{block:Source}— {Source}{/block:Source}</div></div>{/block:Quote}
  263.  
  264. {block:Link}<h1><a href="{URL}">{Name} ➜</a></h1>{block:Description}<div class="words">{Description}</div>{/block:Description}{/block:Link}
  265.  
  266. {block:Answer}<div class="whisper">{Question}</div><br><div class="whisperer"><img src="{AskerPortraitURL-24}"> {Asker}</div><div class="words">{Answer}</div>{/block:Answer}
  267.  
  268. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat">{block:Lines}<div class="label {Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}</div>{/block:Chat}
  269.  
  270. {block:Photo}<div class="view">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>{block:IndexPage}{block:Caption}<div class="words" style="{block:ifNoCaption}display:none;{/block:ifNoCaption}">{Caption}</div>{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="words">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  271.  
  272. {block:Photoset}<div class="photoset"><center>{block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
  273. {block:IndexPage}{block:Caption}<div class="words" style="{block:ifNoCaption}display:none;{/block:ifNoCaption}">{Caption}</div>{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="words">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  274. </div>{/block:Photoset}</center>
  275.  
  276. {block:Audio}{block:If500pxPosts}{block:AudioEmbed}<center>{AudioEmbed-500}</center>{/block:AudioEmbed}{/block:If500pxPosts}{block:If400pxPosts}{block:AudioEmbed}<center>{AudioEmbed-400}</center>{/block:AudioEmbed}{/block:If400pxPosts}{block:If250pxPosts}{block:AudioEmbed}<center>{AudioEmbed-250}</center>{/block:AudioEmbed}{/block:If250pxPosts}
  277. {block:IndexPage}{block:Caption}<div class="words" style="{block:ifNoCaption}display:none;{/block:ifNoCaption}">{Caption}</div>{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="words">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  278.  
  279. {block:Video}<div class="view"><center>{block:If250pxPosts}{Video-250}{/block:If250pxPosts}{block:If500pxPosts}{Video-500}{/block:If500pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}</center></div>
  280. {block:IndexPage}{block:Caption}<div class="words" style="{block:ifNoCaption}display:none;{/block:ifNoCaption}">{Caption}</div>{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<div class="words">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Video}
  281.  
  282. {block:ContentSource}
  283. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  284. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  285. {/block:SourceLogo}
  286. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  287. {/block:ContentSource}
  288.  
  289. {block:IfVisibleTags}{block:HasTags}<div class="meta" align="center">{block:Tags} #<a href="{TagURL}" style="margin-left:2px;">{Tag}</a>{/block:Tags}</div> {/block:HasTags}{/block:IfVisibleTags}
  290.  
  291. {block:IfnotVisibleTags}{block:PermalinkPage}{block:HasTags}<div class="meta" align="center">{block:Tags} #<a href="{TagURL}" style="margin-left:2px;">{Tag}</a>{/block:Tags}</div> {/block:HasTags}{/block:PermalinkPage}{block:IfnotVisibleTags}
  292.  
  293. {block:If250pxPosts}{block:Date}<div class="meta" align="center">{TimeAgo} on <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{block:NoteCount}<br>{text:Notes Symbol}<a href="{Permalink}"><span style="color: {color:Notes};"></span> {NoteCount}</a> notes{/block:NoteCount} &emsp;{block:RebloggedFrom}<a href="{ReblogParentURL}" Title="reblogged from {ReblogParentName}">via</a> / <a href="{ReblogRootURL}" Title="originally from {ReblogRootName}">org</a>{/block:RebloggedFrom}</div>{/block:Date}{/block:If250pxPosts}{block:If400pxPosts}{block:Date}<div class="meta" align="center">{TimeAgo} on <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> {block:NoteCount}&emsp; {text:Notes Symbol}<a href="{Permalink}"><span style="color: {color:Notes};"></span> {NoteCount}</a> notes{/block:NoteCount} &emsp;{block:RebloggedFrom}<a href="{ReblogParentURL}" Title="reblogged from {ReblogParentName}">via</a> / <a href="{ReblogRootURL}" Title="originally from {ReblogRootName}">org</a>{/block:RebloggedFrom}</div>{/block:Date}{/block:If400pxPosts}{block:If500pxPosts}{block:Date}<div class="meta" align="center">{TimeAgo} on <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> {block:NoteCount}&emsp; {text:Notes Symbol}<a href="{Permalink}"><span style="color: {color:Notes};"></span> {NoteCount}</a> notes {/block:NoteCount} &emsp;{block:RebloggedFrom}<a href="{ReblogParentURL}" Title="reblogged from {ReblogParentName}">via</a> / <a href="{ReblogRootURL}" Title="originally from {ReblogRootName}">org</a>{/block:RebloggedFrom}</div>{/block:Date}{/block:If500pxPosts}
  294.  
  295. {block:PostNotes}<div id="notes" style="margin-top:-2px">{PostNotes}</div>{/block:PostNotes}</div>{/block:Posts}
  296.  
  297. {block:ifnotEndlessScrolling}{block:Pagination}<div id="pagination">
  298. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  299. {block:JumpPagination length="5"}{block:CurrentPage}
  300. <span class="current_page">{PageNumber}</span>
  301. {/block:CurrentPage}
  302. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  303. {/block:JumpPagination}
  304. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  305. </div>{/block:Pagination}{/block:ifnotEndlessScrolling}</div></div>
  306.  
  307. <p style="margin-top:15px!Important;"><div id="sidebar">
  308. {block:ifSidebarImage}<div id="sidebar_img"><a href="/"><img class="sidebar_img" src="{image:sidebar image}" Title="{Title}"></a></div>{/block:ifSidebarImage}<div id="sidebar_bg">{Description}
  309. <div class="nav"><form action="http://www.myspacegens.com/handler.php?gen=redirect" method="post"><select name="url" id="navigation" style="font-weight:normal; font-family: cousine, consolas, lucida console, courier new, verdana; padding:3px; width:133px!important; margin-left:-2px; margin-right:6px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;box-shadow:rgba(0,0,0,0.08)3px 3px;opacity:1;"><option value="nav">navigation</option>
  310.  
  311. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:ifLink1}{block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:ifLink2}{block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:ifLink3}{block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:ifLink4}{block:ifLink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>{/block:ifLink5}{block:ifLink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>{/block:ifLink6}{block:ifLink7}<option value="{text:Link 7 URL}">{text:Link 7}</option>{/block:ifLink7}{block:ifLink8}<option value="{text:Link 8 URL}">{text:Link 8}</option>{/block:ifLink8}{block:ifLink9}<option value="{text:Link 9 URL}">{text:Link 9}</option>{/block:ifLink9}{block:ifLink10}<option value="{text:Link 10 URL}">{text:Link 10}</option>{/block:ifLink10}<option value="http://mewl.tumblr.com">theme credit</option>
  312. <input type="submit" value="GO!" id="navigation" style="background-color: {color:Go Button Bg Color}; color:{color:Go Button Text Color}; margin-left:-2px; padding:3px; font-weight:bold; border: 1px solid {color:Go Button Bg Color}; font-family: cousine, consolas, lucida console, courier new, verdana; font-size:12px; width: 35px!Important; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;box-shadow:rgba(0,0,0,0.08)3px 3px;"></form></select></div></center>
  313. </div></div></div>
  314.  
  315. <script>
  316. window.onload = function () {
  317. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  318. document.addEventListener( 'click', function ( event ) {
  319. var myLike = event.target;
  320. if( myLike.className.indexOf( 'my-Like' ) > -1 ) {
  321. var frame = document.getElementById( 'my-Like' ),
  322. liked = ( myLike.className == 'my-Like' ),
  323. command = liked ? 'unlike' : 'like',
  324. reblog = myLik.getAttribute( 'data-reblog' ),
  325. id = myLike.getAttribute( 'data-id' ),
  326. oauth = reblog.slice( -8 );
  327. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  328. liked ? myLike.className = 'my-Like' : myLike.className = 'my-Like';
  329. };
  330. }, false );
  331. };
  332. </script>
  333. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  334. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  335. <script>
  336. (function($){
  337. $(document).ready(function(){
  338. $("[Title]").style_my_tooltips({
  339. tip_follows_cursor:true,
  340. tip_delay_time:5,
  341. tip_fade_speed:450,
  342. attribute:"Title"
  343. });
  344. });
  345. })(jQuery);
  346. </script>
  347.  
  348. </div></div></div></div></div>
  349.  
  350. <a Title="back to top" href="#" style="background-color:transparent; position: fixed; bottom: 15px; font-size:13px; margin:0px 0px 0px 40px;">{block:ifScrollToTopImage}<img src="{image:Scroll To Top Image}">{/block:ifScrollToTopImage}{block:ifnotScrollToTopImage}<b>top</b>{/block:ifnotScrollToTopImage}</a>
  351.  
  352. </td></tr></table>
  353. </body>
  354. </html>
Advertisement
Add Comment
Please, Sign In to add comment