Don't like ads? PRO users don't see any ads ;-)
Guest

black

By: basicpost on May 13th, 2012  |  syntax: None  |  size: 18.76 KB  |  hits: 3,271  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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">
  3. <head>
  4.  
  5. <meta name="font:Text" content="arial"/>
  6. <meta name="text:Font Size" content="10px"/>
  7. <meta name="text:Post Title Size" content="10px"/>
  8. <meta name="text:Quote" content="13px"/>
  9. <meta name="text:Link Permalink" content="○"/>
  10. <meta name="color:Text" content="#000"/>
  11. <meta name="color:Links" content="#000"/>
  12. <meta name="color:Hover" content="#000"/>
  13. <meta name="color:Background" content="#fff"/>
  14. <meta name="color:Navigation Background" content="#f2f2f2"/>
  15. <meta name="color:Navigation Border" content="#f2f2f2"/>
  16. <meta name="color:Post Background" content="#f2f2f2"/>
  17. <meta name="color:Post Border" content="#f2f2f2"/>
  18. <meta name="color:Scrollbar" content="#f2f2f2"/>
  19. <meta name="color:Scrollbar Border" content="#f2f2f2"/>
  20. <meta name="image:Background" content=""/>
  21. <meta name="image:Navigation" content=""/>
  22. <meta name="image:Post" content=""/>
  23. <meta name="image:Header" content="0"/>
  24. <meta name="if:Background Repeat" content="0"/>
  25. <meta name="if:Header Image" content="0"/>
  26. <meta name="if:Dotted Theme" content="0"/>
  27. <meta name="if:Three Columns" content="0"/>
  28. <meta name="if:Transparent Navigation" content="0"/>
  29. <meta name="if:Transparent Posts" content="0"/>
  30. <meta name="if:Transparent Navigation Border" content="0"/>
  31. <meta name="if:Transparent Post Border" content="0"/>
  32. <meta name="if:Show History" content="0"/>
  33. <meta name="if:Image Opacity" content="0"/>
  34. <meta name="if:Disable Captions" content="0"/>
  35. <meta name="if:Disable Loading Image" content="0">
  36. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  37.  
  38. <!----
  39. the old black theme by premna
  40.  
  41. note; it will look messy on custom preview-just save + refresh and it will go back to normal.
  42. ----->
  43.  
  44. <link rel="shortcut icon" href="{Favicon}">
  45. {block:Description}
  46.  
  47. <meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49.  
  50. <title>{Title}</title>
  51. </head>
  52. <style type="text/css">
  53.  
  54. ::-webkit-scrollbar{width:10px; height:8px;}
  55. ::-webkit-scrollbar-button:start:decrement
  56. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:{color:Scrollbar};}
  57. ::-webkit-scrollbar-track-piece{background-color:#ffffff;}
  58. ::-webkit-scrollbar-thumb:vertical{
  59. height:50px; background-color:{color:Scrollbar};
  60. border:1px solid {color:Scrollbar Border};
  61. {block:IfDottedTheme}border:1px dotted {color:Scrollbar Border};{/block:IfDottedTheme}
  62. }
  63. ::-webkit-scrollbar-thumb:horizontal{width:5px; background:{color:Scrollbar}; border:1px solid {color:Scrollbar Border};}
  64.  
  65. <style type="text/css">
  66. #fade { /*--Transparent background layer--*/
  67. display: none; /*--hidden by default--*/
  68. background: #fff;
  69. position: fixed; left: 0; top: 0;
  70. width: 100%; height: 100%;
  71. opacity: .10;
  72. z-index: 9999;}
  73. img.btn_close {
  74. float: right;
  75. margin: -5px -5px 0 0;}
  76.  
  77. body {
  78. font-family:{font:Text};
  79. background-color:{color:background};
  80. background-image:url({image:Background});
  81. background-size: 100%;{block:IfBackgroundRepeat}background-size:40%;{/block:IfBackgroundRepeat}
  82. background-attachment: fixed;
  83. text-align:justify;
  84. color:{color:Text};
  85. {block:PermalinkPage}line-height:10px;font-size:{text:Font Size};
  86. color:{color:Text};
  87. letter-spacing:0px;{/block:PermalinkPage}}
  88. .bea {
  89. {block:IndexPage}line-height:10px;
  90. font-size:{text:Font Size};
  91. color:{color:Text};
  92. letter-spacing:0px;{/block:IndexPage}}
  93. .navegar {
  94. padding: 0px;border:1px dotted {block:IfTransparentNavigationBorder}transparent;{/block:IfTransparentNavigationBorder}{block:IfNotTransparentNavigationBorder}{color:NavigationBorder};{/block:IfNotTransparentNavigationBorder}{block:IfNotDottedTheme}border:1px solid {block:IfTransparentNavigationBorder}transparent;{/block:IfTransparentNavigationBorder}{block:IfNotTransparentNavigationBorder}{color:Navigation Border};{/block:IfNotTransparentNavigationBorder}{/block:IfNotDottedTheme}
  95. {IfTransparentNavigation}background-color:transparent;{/block:IfTransparentNavigation}{block:IfNotTransparentNavigation}background-color:{color:Navigation Background};{/block:IfNotTransparentNavigation}background-image:url('{image:Navigation}');
  96. height:auto;width:834px;margin-left:0px;{block:IfNotThreeColumns}margin-left:225px;width:552px;{/block:IfNotThreeColumns}
  97. {block:PermalinkPage}{/block:PermalinkPage}
  98. }
  99. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  100. .content {
  101. width:960px;margin-left:240px;margin-right:auto;margin-top:10px;
  102. position: center;
  103. {block:IfNotThreeColumns}width:800px;margin-left:170px;{/block:IfNotThreeColumns}}
  104. .posts {
  105. width:1000px;{block:IfNotThreeColumns}width:600px;{/block:IfNotThreeColumns}height:100px;{block:PermalinkPage}width:500px;{/block:PermalinkPage}
  106. margin-right:100px;margin-top:5px;{block:IfNotThreeColumns}margin-left:225px;{/block:IfNotThreeColumns};margin-top:0px;}
  107. .posts img {
  108. {block:IndexPage}max-width: 250px;;{/block:IndexPage}
  109. {block:PermalinkPage}max-width: 500x;{/block:PermalinkPage}}.layout {
  110. {block:IndexPage}width: 250px;
  111. margin-right:10px;background-image:url('{image:Post}');background-color:{block:IfTransparentPosts}transparent;{/block:IfTransparentPosts}{block:IfNotTransparentPosts}{color:Post Background};{/block:IfNotTransparentPosts}border:1px dotted {block:IfTransparentPostBorder}transparent;{/block:IfTransparentPostBorder}{block:IfNotTransparentPostBorder}{color:Post Border};{/block:IfNotTransparentPostBorder}{block:IfNotDottedTheme}{block:IfNotTransparentPosts}background-color:{color:Post Background};{/block:IfNotTransparentPosts}{block:IfTransparentPosts}background-color:transparent;{/block:IfTransparentPosts}border:1px solid {block:IfTransparentPostBorder}transparent;{/block:IfTransparentPostBorder}{block:IfNotTransparentPostBorder}{color:Post Border};{/block:IfNotTransparentPostBorder}{/block:IfNotDottedTheme}
  112. margin-top:10px;padding:10px;margin-bottom:0px; float:left; position: relative;
  113. {/block:IndexPage}
  114. {block:PermalinkPage}width:500px; margin:auto;border:none;{/block:PermalinkPage} }
  115. #navigation {width:0px; margin:auto; position:absolute; }a {color:{color:Links};text-decoration:none;}a:hover {-webkit-transition-duration:3s;filter:alpha(opacity=90);-moz-transition: 0.2s ease-in;-webkit-transition: 0.4s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;color: {color:Hover};}
  116. .chat ul {padding:0px 0px 2px 2px;margin:0px 0px 2px 1px;font-family: {font:Text};font-size:{text:Font Size};}
  117. .chat li {width: 250px;list-style-type: none;padding-left:0px;margin-right:0px;font-family: {font:Text};
  118. opacity: 0.8;}.chat li.odd {color: {color:Text};}
  119. .chat li.even {color: {color:Text};}
  120. .label {font-weight: bold;font-size:{text:Font Size};}
  121. .img {opacity:1;{block:IfImageOpacity}-webkit-transition-duration: 1s;-moz-transition: 0.2s ease-in;-webkit-transition: 0.4s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;opacity:0.8;{/block:IfImageOpacity}}
  122. .img:hover {{block:IfImageOpacity}opacity:1;{/block:IfImageOpacity}}
  123. .audioplayer { background-color: transparent;width:250px;}
  124. .entry .permalink {padding-right:0px;}.permalinkk {color:{color:Links};opacity: 0.8; -webkit-transition-duration: 1s;bottom:0px;-moz-transition: 0.2s ease-in;-webkit-transition: 0.4s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;float: right;text-transform:lowercase;font-size:{text:Font Size};font-family: {font:Text};border: none;}.permalinkk:hover {
  125. opacity:0.8;color:{color:Hover};
  126. z-index:999999;padding-bottom:0px;}.lolita {max-width: 500px;font-style: none;font-family: {font:Text};font-size: {text:Font Size};font-style: none;opacity:0.9;}.lolita img {max-width:500px;overflow-y:auto;}.pie a:hover {font-color:{color:Hover};-webkit-transition-duration:3s;}.inside {margin-left:auto;margin-right:auto;margin-bottom:0px;height: 250px;width: 500px;text-align:left;background-color:transparent;}
  127. ol.notes li.note img.avatar {
  128. display:none;}
  129. ol.notes li.note blockquote {border-color: #000;padding: 5px;}.marco {max-width: 250px;font-size: {text:Quote};font-family: {font:Text};opacity: 1;z-index: 10000;text-align: left;}
  130. .linkss {color:{color:Links};}.being {position: static;max-width:250px;}
  131. .audioborder {
  132. {block:IfNotDottedTheme}border:1px solid {color:Navigation Border};{/block:IfNotDottedTheme}
  133. {block:IfDottedTheme}border:1px dotted {color:Navigation Border};{/block:IfDottedTheme}padding:5px;}
  134. .description {max-width:500px;}
  135. .credit {position: fixed;bottom: 0px;left:0px;opacity:0.7;font-family:{Font:Text};font-size:9px;}
  136. .mycup {width:360px;font-size: {text: Font Size};font-family: {font:Text};opacity: 10;z-index: 10000;margin-top:0px;margin-left:0px;margin-right:auto;text-align: left;text-transform: lowercase;}
  137. .dorothy {width:250px;font-size:{text:Font Size};font-family: {font:Text};z-index: 10000; float: left;opacity: 10;-webkit-transition-duration: 1s;bottom:0px;-moz-transition: 0.2s ease-in;-webkit-transition: 0.4s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
  138. .bella {width:500px;font-size: {text:Font Size};font-family: {font:Text};z-index: 10000;float: left;opacity: 10;-webkit-transition-duration: 1s;bottom:0px;-moz-transition: 0.2s ease-in;-webkit-transition: 0.4s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
  139. .marcoo {max-width:250px;font-size:{text:Post Title Size};font-family: {font: Text};opacity: 10;z-index: 10000;margin-top:0px;margin-left:0px;margin-right:auto;text-align: left;{block:PermalinkPage}max-width:250px;{/block:PermalinkPage}}
  140. .marcoop {max-width:250px;font-size:{text:Post Title Size};font-family: {font: Text};color:{color:Links};opacity: 10;z-index: 10000;margin-top:0px;margin-left:0px;margin-right:auto;text-align: left;{block:PermalinkPage}max-width:250px;{/block:PermalinkPage}}
  141. b.STRONG {font-size:10px;font-weight:bold;}.andcap a {font-size:{text:Font Size};line-height:100%;color:{color:Links};opacity:0.8;-webkit-transition-duration:1s;}.andcap a: hover {color:{color:Hover};low-x:scroll;opacity:0.9;}.video embed, .video object, .video iframe{{block:IndexPage}width:250px /**/ !important;{/block:IndexPage}{block:PermalinkPage}width:250px !important;{/block:PermalinkPage}height:auto !important;}
  142. .album-art {float: left;width: 200px;height: 200px;overflow: hidden;}
  143.  
  144. </style>
  145.  
  146. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  147. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  148. </script>
  149.  
  150. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  151.  
  152. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  153.  
  154. <script type="text/javascript">
  155.  
  156. $(window).load(function () {
  157. $('.posts').masonry(),
  158. $('.masonryWrap').infinitescroll({
  159. navSelector : "div#navigation",
  160. // selector for the paged navigation (it will be hidden)
  161. nextSelector : "div#navigation a#nextPage",
  162. // selector for the NEXT link (to page 2)
  163. itemSelector : ".layout",
  164. // selector for all items you'll retrieve
  165. bufferPx : 10000,
  166. extraScrollPx: 11000,
  167. loadingImg : "http://static.tumblr.com/sgzfep5/NYnm3ywc6/3-1.gif",{block:IfDisableLoadingImage}loadingImg : "http://i44.tinypic.com/33ommv6.jpg",{/block:IfDisableLoadingImage}
  168. loadingText : "<em></em>",
  169. },
  170. // call masonry as a callback.
  171. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  172. );
  173. });
  174. </script>
  175. </head>
  176. <body>
  177. </div>
  178. <div class="credit"><a href="http://premna.tumblr.com">theme</a></div>
  179. <div class="bea"><div class="content"><div class="navegar"><br><center><div class="wendy">{block:IfHeaderImage}<img src="{image:header}" max-width="190"></img>{/block:IfHeaderImage}{block:IfNotHeaderImage}{/block:IfNotHeaderImage}<br><br><u><a href="/">{Title}</a></u> {block:AskEnabled}<a href="/ask"><b>message</b> </a>{/block:AskEnabled}{block:HasPages}
  180. {block:Pages}
  181. <a href="{URL}"><b>{Label}</b> </a>
  182. {/block:Pages}
  183. {/block:HasPages}{block:SubmissionsEnabled}<a href="/submit"><b>SUBMIT</b></a>{/block:SubmissionsEnabled}
  184. {block:IfShowHistory}<a href="/archive"><b>history</b> </a>{/block:IfShowHistory}<br><br><div class="description">{Description}</div><br><div></div><br><div class="navigationborder"></div></center><div class="wendy"><div align="left" style="font-family: {font:Text};font-size:10px;font-style:bold;"></center><div id="01" class="popup_block">
  185. <div align="left"></div><br>
  186. <div align="left"></div></center></center>
  187. </div></a></div></div><br>{block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}
  188. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  189. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  190. </div>
  191. {/block:IndexPage}
  192. </div>
  193. <div class="posts">
  194. {block:Posts}
  195. <div class="layout">{block:permalinkpage}<div style="width:500px;">{/block:permalinkpage}
  196.  
  197. {block:Text}
  198. {block:PermalinkPage}<br>{/block:PermalinkPage}{block:Title}<div class="marcoo">{title}</div>{/block:Title}
  199. <div class="lolita">{Body}</div>
  200. {block:IndexPage}<div class="permalinkk"><a href="{Permalink}"><div class="permalinkk">{block:Date}{12HourWithZero}:{Minutes}{AmPm} ― {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}</div></a></div>{/block:IndexPage}
  201. {block:PermalinkPage}{block:PermalinkPage}
  202. {/block:Text}
  203.  
  204. {block:Photo}
  205. <div class="img">
  206. {block:IndexPage}<a href="{permalink}">{/block:IndexPage}
  207. {block:PermalinkPage}<br><a href="{PhotoURL-HighRes}">{/block:PermalinkPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" {block:IndexPage}width="500"<br><div style="opacity:0.9">{block:IfNotDisableCaptions}{Caption}{/block:IfNotDisableCaptions}</div>{/block:IndexPage}{block:PermalinkPage}width="250"{/block:PermalinkPage}</a></div>
  208. {block:PermalinkPage}<div class="being">{Caption}</div><br>{/block:PermalinkPage}
  209. {block:IndexPage}<div class="andcap"><a href="{Permalink}"></a></div>{/block:IndexPage}
  210. {/block:Photo}
  211.  
  212. {block:Photoset}
  213. {block:IndexPage}{Photoset-250}{block:IfNotDisableCaptions}{Caption}{/block:IfNotDisableCaptions}{/block:IndexPage}
  214. {block:IndexPage}<br><div style="border-bottom:1px solid #ccc"></div>{/block:IndexPage}{block:IndexPage}<div class="permalinkk"><a href="{Permalink}">{block:Date}<br>{12HourWithZero}:{Minutes}{AmPm} ― {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}</a></div>{/block:IndexPage}
  215. {block:PermalinkPage}<br>{Photoset-250}<div class="being">{Caption}</div><br>{/block:PermalinkPage}
  216. {/block:Photoset}
  217.  
  218. {block:Quote}
  219. {block:PermalinkPage}<br>{/block:PermalinkPage}<div class="marco"><i>"{Quote}"</i></div>
  220. {block:Source}<div class="gojohnny"><br><div align="left"><b>{block:IfDottedTheme}<div style="border:1px dotted #000;padding:5px;">{/block:IfDottedTheme}{block:IfNotDottedTheme}<div style="border:1px solid #000;padding:5px;">{/block:IfNotDottedTheme}{Source}</div></b></div>
  221. {/block:Source}
  222.  
  223. {block:IndexPage}<div class="permalinkk"><a href="{Permalink}"><div class="permalinkk">{block:Date}<br>{12HourWithZero}:{Minutes}{AmPm} ― {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}</div></a></div>{/block:IndexPage}
  224. {block:PermalinkPage}<br>{/block:PermalinkPage}
  225. </div>
  226. {/block:Quote}
  227.  
  228. {block:Link}
  229. {block:PermalinkPage}<br>{/block:PermalinkPage}<div class="marcoop">{block:IndexPage}<center><a href="{Permalink}">{text:Link Permalink} </a><a href="{URL}"{Target}><u>{Name}</u></a></div></center>
  230. {block:Description}<div class="lolita"><br><center>{block:IfDottedTheme}<div style="border:1px dotted transparent;padding:2px;">{/block:IfDottedTheme}{block:IfNotDottedTheme}<div style="border:1px solid transparent;padding:2px;">{/block:IfNotDottedTheme}{Description}</div></center></div></center>{/block:Description}{/block:IndexPage}
  231. {block:PermalinkPage}<a href="{URL}"{Target}><u>{Name}</u></a><br>{block:Description}{Description}{/block:Description}{/block:PermalinkPage}
  232. {/block:Link}
  233.  
  234. {block:Video}
  235. {block:IndexPage}{Video-250}<br>{block:IfNotDisableCaptions}{Caption}{/block:IfNotDisableCaptions}{/block:IndexPage}
  236. {block:IndexPage}<br><div style="border-top:1px solid #ccc;">
  237. </div><div class="permalinkk"><a href="{Permalink}"><br>{block:Date}{12HourWithZero}:{Minutes}{AmPm} ― {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}</a></div>{/block:IndexPage}
  238. {block:PermalinkPage}<br>{Video-250}<br><div class="being">{Caption}</div><br>{/block:PermalinkPage}
  239. {/block:Video}
  240.  
  241. {block:Chat}
  242. {block:Title}<div class="marcoo">{Title}<br></div>
  243. {/block:Title}
  244. <div class="chat ul">
  245. {block:PermalinkPage}<br>{/block:PermalinkPage}
  246. {block:Lines}
  247. <li class="{Alt} user_{UserNumber}">
  248. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  249. {/block:Lines}</div></li>
  250. {block:IndexPage}<br><div class="permalinkk"><a href="{Permalink}"><div class="permalinkk">{12HourWithZero}:{Minutes}{AmPm} ― {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}</div></a></div>{/block:IndexPage}{block:PermalinkPage}<br>{/block:PermalinkPage}
  251. {/block:Chat}
  252.  
  253. {block:Audio}{block:IndexPage}
  254. <div class="audioplayer"><center>{audioplayerblack}</center></div><div class="normal"> <center><a href="{permalink}">{block:TrackName}<br>{TrackName}</a>
  255. {/block:TrackName} by {block:Artist}</center>
  256. <center><b>{Artist}</b></center>
  257. {/block:Artist}</div>{/block:IndexPage}
  258. {block:PermalinkPage}
  259. <br>{block:AlbumArt}<div class="audioborder"><center><img src="{AlbumArtURL}" height="100px"></img></center></div>{/block:AlbumArt}<br>{audioplayerblack}{block:TrackName}<br>{TrackName}{/block:TrackName} by {block:Artist}<b>{Artist}</b>{/block:Artist}<br><br>{/block:PermalinkPage}
  260. {/block:Audio}
  261.  
  262. {block:Answer}
  263. <div class="dorothy">{block:PermalinkPage}<br>{/block:PermalinkPage}<b>{Asker}: {Question}</b><br><br></div><div style="text-align:left;"><div class="bella">{Answer}</div>
  264. {block:IndexPage}<div class="permalinkk"><a href="{Permalink}"><div class="permalinkk">{block:Date}{12HourWithZero}:{Minutes}{AmPm} ― {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}</div></a></div>{/block:IndexPage}</div>
  265. {/block:Answer}
  266. </div>
  267.  
  268. {block:PermalinkPage}
  269. <div class="mycup">
  270. <div style="div-align:center;font-style:none;"><u>{NoteCountWithLabel}{/block:NoteCount}</u> / {block:Date}<u>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</u>{/block:Date}</u></div>
  271. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  272. <br>{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}<br>
  273. </div>
  274. {/block:PermalinkPage}
  275. {block:PostNotes}
  276. <div class="layout"><style="position: fixed; top: 20px; right: 20px;"><div class="inside">{PostNotes}</div></div>
  277. {/block:PostNotes}{block:permalinkpage}</div>{/block:permalinkpage}
  278. {/block:Posts}
  279. </div></div></div></div></body></html>