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

Negativo Theme

By: a guest on Mar 15th, 2012  |  syntax: None  |  size: 13.62 KB  |  hits: 2,835  |  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" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10.  
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13. <meta name="font:title" content="Arial"/>
  14. <meta name="font:post title" content="Arial"/>
  15. <meta name="font:body" content="Arial"/>
  16. <meta name="text:font size" content="10px"/>
  17. <meta name="text:post title size" content="12px"/>
  18. <meta name="text:links font size" content="8x"/>
  19. <meta name="text:title font size" content="18px"/>
  20. <meta name="text:line height" content="15px"/>
  21. <meta name="color:background" content="#EEEEEE"/>
  22. <meta name="color:title" content="#EEEEEE"/>
  23. <meta name="color:image hover background" content="#222"/>
  24. <meta name="color:text" content="#222"/>
  25. <meta name="color:link" content="#222"/>
  26. <meta name="color:image hover text" content="#fff"/>
  27. <meta name="color:link hover" content="#a8a8a8"/>
  28. <meta name="if:click for links" content="1"/>
  29. <meta name="if:show shadows" content="1"/>
  30. <meta name="if:three columns" content="1"/>
  31. <meta name="text:link 1 text" content="link 1" />
  32. <meta name="text:link 1" content="http://" />
  33. <meta name="text:link 2 text" content="link 2" />
  34. <meta name="text:link 2" content="http://" />
  35.  
  36. {block:ifclickforlinks}
  37. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  38. <script type="text/javascript">
  39. jQuery(document).ready(function() {
  40. jQuery(".desc").hide();
  41. //toggle the componenet with class msg_body
  42. jQuery(".links2").click(function()
  43. {
  44. jQuery(this).next(".desc").slideToggle(500);
  45. });});
  46. </script>
  47. {/block:ifclickforlinks}
  48.  
  49. <style type="text/css">
  50.  
  51. /* Negativo theme provided by narc8tics.tumblr.com. Do NOT remove the credit. */
  52.  
  53. body {background:{color:background}; margin:0px auto; font-family:{font:body}; font-size:{text:font size}; line-height:{text:line height}; text-align:justify; color:{color:text};}
  54.  
  55. .wrap {margin:0px auto; {Block:ifthreecolumns}width:780px;{/Block:ifthreecolumns} {Block:ifnotthreecolumns}width:520px;{/Block:ifnotthreecolumns} margin-top:35px;}
  56. .posts {{Block:ifthreecolumns}width:780px;{/Block:ifthreecolumns} {Block:ifnotthreecolumns}width:520px;{/Block:ifnotthreecolumns} position:relative; float:left; margin-top:55px; margin-bottom:50px;}
  57. .post {{block:indexpage}width:200px; margin:30px;{/block:indexpage} {block:permalinkpage}{Block:ifthreecolumns}width:780px;{/Block:ifthreecolumns} {Block:ifnotthreecolumns}width:520px;{/Block:ifnotthreecolumns}{/block:permalinkpage} float:left; position:relative;}
  58. .navbar {width: 100%; padding: 20px; text-align: center; background-color: #000; position:fixed; top: 0px; z-index:100; opacity: .80;}
  59. .desc {width: 500px; font-size: 9px; color: #eee;}
  60. .centerdesc {margin: 0px auto; width: 500px;}
  61. .title {color: {color:title}; font-size:{text:title font size}; font-family:{font:title}; font-weight: bold; margin-bottom:5px;}
  62. .links, .links2 {margin-top: 5px; margin-bottom: 0px; color: #eee; font-size:8px; font-family:arial; text-transform:uppercase; display:inline-block; cursor:pointer;}
  63. .links a {color: #eee;}
  64. #portrait {width:64px; height:64px; border-radius:32px;    -webkit-border-radius:32px; -moz-border-radius:32px; background: url({PortraitURL-64}) no-repeat;}
  65.  
  66. .quote {font-family: Georgia, "Times New Roman", Times, serif; font-size: {text:font size};}
  67.  
  68. .quote:first-letter {font: italic 12px Georgia, "Times New Roman", Times, serif;}
  69.  
  70. h3 {font-family:{font:post title}; font-size:{text:post title size}; text-decoration:none;}
  71.  
  72. a {text-decoration:none; color:{color:link}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  73. a:hover {color:{color:link hover}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  74.  
  75. img {{Block:ifthreecolumns}max-width:780px;{/Block:ifthreecolumns} {Block:ifnotthreecolumns}max-width:520px;{/Block:ifnotthreecolumns} border:0px;}
  76.  
  77. #permalink {border-top: 1px solid #BCBCBC; text-align: right; font-size: 8px; text-transform: uppercase; padding-top: 3px;}
  78.  
  79. .post .imgpermalink{top:0px; left:0px; width: 100%; height: 100%; background-color: {color:image hover background}; position: absolute; opacity: 0; filter:alpha(opacity=0); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3;}
  80.        
  81. .post:hover .imgpermalink{opacity: 0.7; filter:alpha(opacity=0.9); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3;}
  82.  
  83. .tablecss{width:100%; color: {color:image hover text}; text-align:center; overflow:hidden;}
  84.                
  85. .tablesize{width:100%; height:100%;}
  86.  
  87. #caption {background: #fff; padding: 5px; margin-top: 0px; margin-bottom: 5px;}
  88.  
  89. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: dotted 0px #ccc;}
  90. ol.notes li.note {border-top: dotted 0px #ccc; padding: 3px;}
  91. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  92. ol.notes li.note span.action {font-weight: normal;}
  93. ol.notes li.note .answer_content {font-weight: normal;}
  94. ol.notes li.note blockquote {border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  95. ol.notes li.note blockquote a {text-decoration: none;}
  96. ul{margin-left:-40px!important; list-style:none;}
  97.  
  98. ::-webkit-scrollbar{width:7px;height:7px;}
  99.  
  100. ::-webkit-scrollbar-button:start:decrement
  101.  
  102. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  103.  
  104. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  105.  
  106. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:text};-webkit-border-radius:px;}
  107.  
  108. ::-webkit-scrollbar-thumb:horizontal{width:7px; background-color:{color:text};-webkit-border-radius:px;}
  109.  
  110. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  111. #infscr-loading {display:none;}
  112. .navigation{display:none;}
  113.  
  114. iframe#tumblr_controls {position:fixed!important;}
  115.  
  116. {CustomCSS}
  117.  
  118. </style>
  119.  
  120. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  121.  
  122. {block:IndexPage}
  123. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  124. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  125.  
  126. <script type="text/javascript">
  127. $(window).load(function () {
  128. $('.posts').masonry(),
  129. $('.masonryWrap').infinitescroll({
  130. navSelector : "div.navigation",
  131. // selector for the paged navigation (it will be hidden)
  132. nextSelector : ".navigation a#next",
  133. // selector for the NEXT link (to page 2)
  134. itemSelector : ".post",
  135. // selector for all items you'll retrieve
  136. bufferPx : 10000,
  137. extraScrollPx: 10000,
  138. loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
  139. loadingText : "<em></em>",
  140. },
  141. // call masonry as a callback.
  142. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  143. );
  144. });
  145. </script>
  146. {/block:IndexPage}
  147.  
  148. </head>
  149.  
  150. <body>
  151.  
  152. <div style="position:fixed; bottom:10px; right:10px;"><a href="http://narc8tics.tumblr.com" title="theme from narc8tics">theme</a></div>
  153.  
  154.  
  155. <div class="navbar">
  156. <div class="title">{title}</div>
  157. <div class="centerdesc">
  158. <div class="links"><a href="/">home</a></div>&nbsp;&nbsp;<div class="links"><a href="/ask">message</a></div>&nbsp;&nbsp;<div class="links"><a href="/archive">archive</a></div>&nbsp;&nbsp;<div class="links"><a href="{text:link 1}">{text:link 1 text}</a></div>&nbsp;&nbsp;<div class="links"><a href="{text:link 2}">{text:link 2 text}</a></div>&nbsp;&nbsp;<div class="links2">more</div>
  159. <div class="desc">
  160. <table align="center">
  161. <tr>
  162. <td>
  163. <div id="portrait"></div>
  164. </td>
  165. <td ALIGN="left">
  166. {Description}
  167. </td>
  168. </tr>
  169. </table>
  170. </div>
  171. </div>
  172. </div>
  173.  
  174.  
  175.  
  176. <div class="wrap">
  177.  
  178. <div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">older</a>{/block:NextPage}
  179. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>
  180.  
  181. <div class="posts">
  182.  
  183.  
  184. {block:Posts}
  185.  
  186.  
  187. {block:Text}
  188. <div class="post">
  189. <div id="textpost">
  190. {block:Title}
  191. <h3>{Title}</h3>
  192. {/block:Title}
  193. {Body}
  194. {block:IndexPage}
  195. <div id="permalink">
  196. <a href="{Permalink}">{NoteCount}&nbsp;NOTES</a>
  197. </div>
  198. {/block:IndexPage}
  199. {block:PermalinkPage}
  200. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div> <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  201. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  202. {/block:PermalinkPage}
  203. </div>
  204. </div>
  205. {/block:Text}
  206.  
  207.  
  208. {block:Photo}
  209.  
  210. <div class="post">
  211. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  212. {block:IndexPage}
  213. <div id="imgpost">
  214. <div class="imgpermalink">
  215. <table class="tablesize">
  216. <tr>
  217. <td>
  218. </td>
  219. </tr>
  220. <tr>
  221. <td class="tablecss">
  222. {NoteCountWithLabel}
  223. <tr>
  224. <td>
  225. </td>
  226. </tr>
  227. </table>
  228. </div>
  229. {/block:IndexPage}
  230. <a href="{Permalink}">
  231. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  232. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="{block:Indexpage}200px{/block:Indexpage} {block:Permalinkpage}{Block:ifthreecolumns}780px{/Block:ifthreecolumns} {Block:ifnotthreecolumns}520px{/Block:ifnotthreecolumns}{/block:Permalinkpage}"/>
  233. {block:IndexPage}</a>
  234. {/block:IndexPage}
  235. {block:PermalinkPage}
  236. <div id="caption">
  237. {block:Caption}{Caption}{/block:Caption}
  238. </div>
  239. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  240. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  241. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  242. {/block:PermalinkPage}
  243. </div>
  244. </div>
  245. {/block:Photo}
  246.  
  247.  
  248. {block:Photoset}
  249. <div class="post">
  250. <div class="photoset">
  251. <center>{Photoset-250}</center>
  252. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  253. </div>
  254. {block:IndexPage}
  255. <div id="permalink"><a href="{Permalink}">{NoteCount}&nbsp;NOTES</a></div>
  256. {/block:IndexPage}
  257. {block:PermalinkPage}
  258. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  259. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  260. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  261. {/block:PermalinkPage}
  262. </div>
  263. {/block:Photoset}
  264.  
  265.  
  266. {block:Quote}
  267. <div class="post">
  268. <span class="permalink">
  269. <em><div class="quote"><img src="http://i.imgur.com/eSfTw.gif" width="12px">&nbsp;{Quote}&nbsp;<img src="http://i.imgur.com/QY809.gif" width="13px"></div></em> {block:Source}<b>{Source}</b>{/block:Source}
  270. {block:IndexPage}
  271. <div id="permalink"><a href="{Permalink}">{NoteCount}&nbsp;NOTES</a></div>
  272. {/block:IndexPage}
  273. {block:PermalinkPage}
  274. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  275. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  276. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  277. {/block:PermalinkPage}
  278. </div>
  279. {/block:Quote}
  280.  
  281.  
  282. {block:link}
  283. <div class="post">
  284. <div class="linkpost"><a href="{URL}" class="linkpost" {Target}><h3>{Name}</h3></a>{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  285. {block:IndexPage}
  286. <div id="permalink"><a href="{Permalink}">{NoteCount}&nbsp;NOTES</a></div>
  287. {/block:IndexPage}
  288. {block:PermalinkPage}
  289. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  290. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  291. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  292. {/block:PermalinkPage}
  293. </div>
  294. {/block:link}
  295.  
  296.  
  297. {block:Chat}
  298. <div class="post">
  299. <div class="chattitle">{block:Title}<b>{Title}</b>{/block:Title}</div>
  300. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  301. {block:IndexPage}
  302. <div id="permalink"><a href="{Permalink}">{NoteCount}&nbsp;NOTES</a></div>
  303. {/block:IndexPage}
  304. {block:PermalinkPage}
  305. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  306. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  307. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  308. {/block:PermalinkPage}
  309. </div>
  310. {/block:Chat}
  311.  
  312.  
  313. {block:Video}
  314. <div class="post">
  315. <div class="video">
  316. <center>{Video-250}</center>
  317. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  318. {block:IndexPage}
  319. <div id="permalink"><a href="{Permalink}">{NoteCount}&nbsp;NOTES</a></div>
  320. {/block:IndexPage}
  321. {block:PermalinkPage}
  322. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  323. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  324. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  325. {/block:PermalinkPage}
  326. </div>
  327. {/block:Video}
  328.  
  329.  
  330. {block:Audio}
  331. <div class="post">
  332. <div class="audio">{AudioPlayerBlack}</div>
  333. <div id="caption">
  334. <div>{PlayCountWithLabel}</div>
  335. {block:Caption}{Caption}{/block:Caption}
  336. {block:IndexPage}
  337. <div id="permalink"><a href="{Permalink}">{NoteCount}&nbsp;NOTES</a></div>
  338. {/block:IndexPage}
  339. </div>
  340. {block:PermalinkPage}
  341. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  342. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  343. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  344. {/block:PermalinkPage}
  345. </div>
  346. {/block:Audio}
  347.  
  348.  
  349. {/block:Posts}
  350.  
  351.  
  352.  
  353. </div>
  354. </div>
  355. </body>
  356. </html>
create a new version of this paste RAW Paste Data