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

Era

By: manolescent on Apr 1st, 2012  |  syntax: None  |  size: 12.49 KB  |  hits: 1,622  |  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. 88b           d88  
  5. 888b         d888  "Era"
  6. 88`8b       d8'88  
  7. 88 `8b     d8' 88  
  8. 88  `8b   d8'  88  
  9. 88   `8b d8'   88  
  10. 88    `888'    88  Theme made by Manolescent
  11. 88     `8'     88  Themes page: Plainthemes
  12. -->
  13. <head>
  14. <meta name="color:Background" content="#fff" />
  15. <meta name="color:Text" content="#000" />
  16. <meta name="color:Hover" content="#088A85" />
  17. <meta name="color:Audio" content="#c9c9c9" />
  18.  
  19. <meta name="if:Faded Images" content="1"/>
  20. <meta name="if:Background Image" content="0"/>
  21. <meta name="if:Reblog Link On Hover" content="0"/>
  22. <meta name="if:Header One" content="0"/>
  23. <meta name="if:Header Two" content="0"/>
  24. <meta name="if:Header Three" content="1"/>
  25. <meta name="if:Ask Link" content="1"/>
  26. <meta name="if:Archive Link" content="1"/>
  27.  
  28. <meta name="image:Background" content=""/>
  29.  
  30. <meta name="text:Body font size" content="11"/>
  31. <meta name="text:Ask Link Text" content="message"/>
  32. <meta name="text:Archive Link Text" content="archive"/>
  33. <meta name="text:Custom Link One" content="" />
  34. <meta name="text:Custom Link One Title" content="" />
  35. <meta name="text:Custom Link Two" content="" />
  36. <meta name="text:Custom Link Two Title" content="" />
  37. <meta name="text:Custom Link Three" content="" />
  38. <meta name="text:Custom Link Three Title" content="" />
  39. <meta name="text:Custom Link Four" content="" />
  40. <meta name="text:Custom Link Four Title" content="" />
  41. <meta name="text:Custom Link Five" content="" />
  42. <meta name="text:Custom Link Five Title" content="" />
  43.  
  44.  
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <title>Untitled Document</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52.  
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />
  55. {/block:Description}
  56.  
  57. <style type="text/css">
  58.  
  59. p{
  60. margin:0px;
  61. padding:0px;
  62. }
  63.  
  64. #tumblr_controls{
  65. top: 1px !important;
  66. margin: 0 0 0 0;
  67. right: 1px !important;
  68. position: fixed !important;
  69. opacity:0.6;
  70. }
  71.  
  72. body{
  73. color:{color:Text};
  74. background-color:{color:Background};
  75. font-size:{text:Body font size}px;
  76. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  77. line-height:15px;
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb:vertical{
  81. background-color: {color:Hover};
  82. height: 100px;
  83. -webkit-border-radius: 3px;
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb:horizontal{
  87. background-color: {color:Hover};
  88. height: 10px;
  89. -webkit-border-radius: 3px;
  90. }
  91.  
  92. ::-webkit-scrollbar{
  93. height: 10px;
  94. width: 8px;
  95. background-color: {color:Background};
  96. }
  97.  
  98. #content{
  99. margin: auto auto auto auto ;
  100. width:100%;
  101. top:0px;
  102. position:relative;
  103.  
  104. }
  105. #content .posts{
  106. width:520px;
  107. margin:auto;
  108. {block:PermalinkPage}
  109. width:510px;
  110. {/block:PermalinkPage}
  111. }
  112.  
  113. #content .entry{
  114. {block:IndexPage}
  115. width:250px;
  116. margin:5px;
  117. padding:0px;
  118. float:left;
  119. {/block:IndexPage}
  120. {block:PermalinkPage}
  121. margin:6px;
  122. width:500px;
  123. {/block:PermalinkPage}
  124. }
  125.  
  126. #content .entry img{
  127. {block:IndexPage}
  128. max-width:250px;
  129. {/block:IndexPage}
  130. }
  131.  
  132.  
  133. .top{
  134. width:500px;
  135. {block:ifHeaderOne}
  136. text-align:left;
  137. {/block:ifHeaderOne}
  138. {block:ifHeaderTwo}
  139. text-align:center;
  140. {/block:ifHeaderTwo}
  141. {block:ifHeaderThree}
  142. text-align:right;
  143. {/block:ifHeaderThree}
  144. margin: 50px auto ;
  145. z-index:5000;
  146. margin-bottom:20px;
  147. }
  148.  
  149. a:link, a:active, a:visited{
  150. color:{color:Text};
  151. text-decoration:none;
  152. -moz-transition: 0.2s ease-in;
  153. -webkit-transition: 0.2s ease-in;
  154. -o-transition: 0.2s ease-in;
  155. transition: 0.2s ease-in;
  156. }
  157.  
  158. a:hover{
  159. color:{color:Hover};
  160. text-decoration:none;
  161. -moz-transition: 0.2s ease-in;
  162. -webkit-transition: 0.2s ease-in;
  163. -o-transition: 0.2s ease-in;
  164. transition: 0.2s ease-in;
  165. }
  166.  
  167. {block:IndexPage}
  168. {block:IfFadedImages}
  169. a img{
  170. opacity:1;
  171. -moz-transition: 0.2s ease-in;
  172. -webkit-transition: 0.2s ease-in;
  173. -o-transition: 0.2s ease-in;
  174. transition: 0.2s ease-in;
  175. }
  176. a:hover img{
  177. opacity:0.8;
  178. -moz-transition: 0.2s ease-in;
  179. -webkit-transition: 0.2s ease-in;
  180. -o-transition: 0.2s ease-in;
  181. transition: 0.2s ease-in;
  182. }
  183. {/block:IfFadedImages}
  184. {/block:IndexPage}
  185.  
  186. {block:ifReblogLinkOnHover}
  187. .photopermaholder{
  188. position:absolute;
  189. height:14px;
  190. margin:8px 0px 0px 208px;
  191. opacity:0;
  192. filter: alpha(opacity = 0);
  193. -moz-transition: all 0.5;
  194. -webkit-transition: all 0.5s;
  195. -o-transition: all 0.5s;
  196. transition: all 0.5;
  197. }
  198.  
  199. .photoperma{
  200. display:inline-block;
  201. margin-right:5px;
  202. padding:4px;
  203. height:14px;
  204. }
  205.  
  206. .photoperma a{color:#000;}
  207.  
  208. .entry:hover .photopermaholder{
  209. opacity:1.9;
  210. filter: alpha(opacity = 70);
  211. -moz-transition: all 0.5;
  212. -webkit-transition: all 0.5s;
  213. -o-transition: all 0.5s;
  214. transition: all 0.5;
  215. }
  216. {/block:ifReblogLinkOnHover}
  217.  
  218. .post_title{
  219. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  220. display:block;
  221. font-size:14px;
  222. line-height:20px;
  223. text-transform:lowercase;
  224. }
  225.  
  226. .link_title{
  227. font-size:14px;
  228. line-height:20px;
  229. text-transform:lowercase;
  230. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  231. margin-bottom:5px;
  232. }
  233.  
  234. .nav{
  235. {block:ifHeaderOne}
  236. text-align:left;
  237. {/block:ifHeaderOne}
  238. {block:ifHeaderTwo}
  239. text-align:center;
  240. {/block:ifHeaderTwo}
  241. {block:ifHeaderThree}
  242. text-align:right;
  243. {/block:ifHeaderThree}
  244. margin-top:2px;
  245. margin-bottom:5px;
  246. }
  247.  
  248. .permalink{
  249. display:block;
  250. text-transform:uppercase;
  251. text-align:right;
  252. padding:0px;
  253. color: gray;
  254. font-size: 9px;
  255. opacity:0.6;
  256. filter: alpha(opacity = 70);
  257. -moz-transition: all 0.5;
  258. -webkit-transition: all 0.5s;
  259. -o-transition: all 0.5s;
  260. transition: all 0.5;
  261. }
  262.  
  263. .quote{
  264. font-size:14px;
  265. line-height:20px;
  266. text-transform:none;
  267. margin-bottom:5px;
  268. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  269. }
  270.  
  271. .audio{
  272. {block:IndexPage}
  273. width:238px;
  274. {/block:IndexPage}
  275. {block:PermalinkPage}
  276. width:488px;
  277. {/block:PermalinkPage}
  278. background-color:#fff;
  279. padding:5px;
  280. margin-bottom:0px;
  281. border-left:1px solid;
  282. border-right:1px solid;
  283. border-color:{color:Audio};
  284. }
  285.  
  286. .audiocap, .videocap{
  287. background-color:{color:Audio};
  288. display:block;
  289. padding:10px;
  290. }
  291.  
  292. .albumart, .albumart img{
  293. {block:IndexPage}
  294. width:250px;
  295. {/block:IndexPage}
  296. {block:PermalinkPage}
  297. width:500px;
  298. {/block:PermalinkPage}
  299. }
  300.  
  301. div.video embed,
  302. div.post div.video object {
  303. {block:IndexPage}
  304. width:250px !important;
  305. height:150px !important;
  306. {/block:IndexPage}
  307. {block:PermalinkPage}
  308. width:500px !important;
  309. height:400px !important;
  310. {/block:PermalinkPage}
  311. }
  312.  
  313. .question{
  314. font-weight:normal;
  315. margin-bottom:5px;
  316. font-size:9px;
  317. line-height:15px;
  318. display:block;
  319. text-transform:lowercase;
  320. }
  321.  
  322. .caption{
  323. margin-top:5px;
  324. margin-bottom:5px;
  325. }
  326.  
  327. #bg img {
  328. z-index:-1;
  329. position:fixed;
  330. top:0;
  331. left:0;
  332. height:100%;
  333. width:100%;
  334. }
  335.  
  336. </style>
  337.  
  338. {block:IfBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfBackgroundImage}
  339.  
  340. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  341. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  342. </script>
  343. <script src="http://static.tumblr.com/j1tjexd/Rebm9a8t7/infinitescroll.js"></script>
  344. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  345. <script type="text/javascript">
  346.  
  347. $(window).load(function () {
  348. $('.posts').masonry(),
  349. $('.masonryWrap').infinitescroll({
  350. navSelector : "div#navigation",
  351. // selector for the paged navigation (it will be hidden)
  352. nextSelector : "div#navigation a#nextPage",
  353. // selector for the NEXT link (to page 2)
  354. itemSelector : ".entry",
  355. // selector for all items you'll retrieve
  356. bufferPx : 10000,
  357. extraScrollPx: 11000,
  358. loadingImg : "",
  359. loadingText : "<em></em>",
  360. },
  361. // call masonry as a callback.
  362. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  363. );
  364. });
  365. </script>
  366. <script type="text/javascript">$(window).load(function(){$("p").remove(":contains('Source:')");});</script></head>
  367.  
  368. <body>
  369.  
  370. <div class="top">
  371. <div class="nav">
  372. <a href="/"><b>{Title}</b></a> // {block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a> / {/block:ifAskLink}{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a> / {/block:ifCustomLinkOneTitle}{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> / {/block:ifCustomLinkTwoTitle}{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> / {/block:ifCustomLinkThreeTitle}{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> / {/block:ifCustomLinkFourTitle}{block:ifArchiveLink}<a href="/archive">{text:Archive Link Text}</a> / {/block:ifArchiveLink}<a href="http://manolescent.tumblr.com/">theme</a>
  373.  
  374. </div>
  375. {block:Description}{Description}{/block:Description}
  376. </div>
  377.  
  378. <div id="content">
  379.  
  380. <div class="posts">
  381.  
  382. {block:Posts}
  383.  
  384. <div class="entry">
  385.  
  386. {block:Text}
  387. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  388. {Body}
  389. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
  390. {/block:Text}
  391.  
  392. {block:Photo}
  393. {block:IndexPage}{block:ifReblogLinkOnHover}<div class="photopermaholder"><div class="photoperma"><a href="{ReblogURL}"><img src="http://i42.tinypic.com/25q547t.png"></a></div></div>{/block:IndexPage}
  394. {/block:ifReblogLinkOnHover}{block:IndexPage}
  395. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-500}" width="250"></a>{LinkCloseTag}{/block:IndexPage}
  396. {block:PermalinkPage}
  397. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  398. {/block:Photo}
  399.  
  400. {block:Photoset}
  401. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  402. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  403. {block:Caption}{Caption}{/block:Caption}
  404. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
  405. {/block:Photoset}
  406.  
  407. {block:Quote}
  408. <div class="quote"><b><i>"</i></b> &nbsp; {Quote} &nbsp; <b><i>"</i></b> </div>
  409. {block:Source}{Source}{/block:Source}
  410. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
  411. {/block:Quote}
  412.  
  413. {block:Link}
  414. <a href="{URL}"{Target}><span class="link_title">&rarr; {Name}</span></a>
  415. {block:Description}{Description}{/block:Description}
  416. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
  417. {/block:Link}
  418.  
  419. {block:Video}
  420. <div class="video">
  421. {block:IndexPage}{Video-250}{/block:IndexPage}
  422. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  423. </div>
  424. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  425. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  426. {/block:Video}
  427.  
  428. {block:Chat}
  429. {block:Title}
  430. <div class="ptitle">{Title}</div>
  431. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  432. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
  433. {/block:Chat}
  434.  
  435. {block:Audio}
  436. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></a></div>{/block:AlbumArt}
  437. <div class="audio">{AudioPlayerWhite}</div>
  438. {block:IndexPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Audio}; margin-bottom:9px; margin-left:20px; font-size:20px; "> ▲</div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  439. {block:PermalinkPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Audio}; margin-bottom:9px; margin-left:20px; font-size:20px; "> ▲</div>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  440. {/block:Audio}
  441.  
  442. {block:Answer}
  443. <div class="question">{Asker}: {Question}</div>
  444. {Answer}
  445. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
  446. {/block:Answer}
  447.  
  448. {block:PostNotes}{PostNotes}{/block:PostNotes}
  449.  
  450. </div>
  451.  
  452. {/block:Posts}
  453. </div>
  454. </div>
  455.  
  456. {block:IndexPage}
  457. <div class="column navigation" id="navigation">
  458. {block:Pagination}
  459. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  460. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  461. </div>
  462. {/block:IndexPage}
  463. </body>
create a new version of this paste RAW Paste Data