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

Untitled

By: a guest on May 1st, 2012  |  syntax: None  |  size: 32.10 KB  |  hits: 10  |  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 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>{PageTitle}</title>
  6. <link rel="icon" href="/images/favicon.png" type="image/x-png"/>
  7.  
  8.     {block:IndexPage}
  9.     <meta name="description" content="{MetaDescription}">
  10.     {/block:IndexPage}
  11.     {block:PostSummary}<title>{PostSummary}</title>{/block:PostSummary}
  12.     <meta name="viewport" content="width=960">
  13.     <link rel="alternate" href="{RSS}" type="application/rss+xml">
  14.     <style type="text/css">
  15.     /* http://meyerweb.com/eric/tools/css/reset/ */
  16. /* v1.0 | 20080212 */
  17.  
  18. html, body, div, span, applet, object, iframe,
  19. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  20. a, abbr, acronym, address, big, cite, code,
  21. del, dfn, em, font, img, ins, kbd, q, s, samp,
  22. small, strike, strong, sub, sup, tt, var,
  23. b, u, i, center,
  24. dl, dt, dd, ol, ul, li,
  25. fieldset, form, label, legend,
  26. table, caption, tbody, tfoot, thead, tr, th, td {
  27.     margin: 0;
  28.     padding: 0;
  29.     border: 0;
  30.     outline: 0;
  31.     font-size: 100%;
  32.     vertical-align: baseline;
  33.     background: transparent;
  34. }
  35.  
  36. /* new clearfix */
  37. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  38. * html .clearfix             { zoom: 1; } /* IE6 */
  39. *:first-child+html .clearfix { zoom: 1; } /* IE7 */in-h
  40.  
  41. body {
  42.     line-height: 1;
  43. }
  44. ol, ul {
  45.     list-style: none;
  46. }
  47. blockquote, q {
  48.     quotes: none;
  49. }
  50. blockquote:before, blockquote:after,
  51. q:before, q:after {
  52.     content: none;
  53. }
  54.  
  55. /* remember to define focus styles! */
  56. :focus {
  57.     outline: 0;
  58. }
  59.  
  60. /* remember to highlight inserts somehow! */
  61. ins {
  62.     text-decoration: none;
  63. }
  64. del {
  65.     text-decoration: line-through;
  66. }
  67.  
  68. /* tables still need 'cellspacing="0"' in the markup */
  69. table {
  70.     border-collapse: collapse;
  71.     border-spacing: 0;
  72. }
  73.  
  74. /* Helvetica - General */
  75.  
  76. html {
  77.     height: 100%;
  78.     margin-bottom: 1px;
  79. }
  80.  
  81. body {
  82.     color: #000;
  83.     background-color: #FEE035;
  84.     font: normal 15px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  85. }
  86.  
  87. .clear {
  88.     clear: both;
  89. }
  90.  
  91. a {
  92.     color: #F00;
  93.     text-decoration: none;
  94.     font-weight: bold;
  95. }
  96.  
  97. .entry a:hover, .description a:hover, #notes a:hover, #footer a:hover {
  98.     background-color: #FFF3B2;
  99. }
  100.  
  101. blockquote {
  102.     padding-left: 13px;
  103.     border-left: 2px solid #CCBB5F;
  104. }
  105.  
  106. pre {
  107.     padding: 10px 15px;
  108.     color: #FFF;
  109.     background-color: #F00;
  110.     line-height: 20px !important;
  111.     text-shadow: rgba(0,0,0,0.5) 0 1px 1px;
  112. }
  113.  
  114. pre a {
  115.     color: #FFF !important;
  116. }
  117.  
  118. code {
  119.     font: normal 12px Menlo, "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, mono !important;
  120. }
  121.  
  122. ol {
  123.     list-style-type: decimal;
  124. }
  125.  
  126. ul {
  127.     list-style-type: disc;
  128. }
  129.  
  130. ol, ul, dt {
  131.     margin-left: 30px;
  132. }
  133.  
  134. /* Helvetica - Page construction */
  135.  
  136. #outer {
  137.     width: 960px;
  138.     margin: 0 auto;
  139. }
  140.  
  141. .pbar {
  142.     position:relative;
  143. }
  144.  
  145.     .posterousHeader {
  146.         margin:0;
  147.     }
  148.    
  149.     .posterousHeaderLeft {
  150.         right:-1px;
  151.     }
  152.  
  153. #inner {
  154.     width: 940px;
  155.     margin: 0 auto;
  156. }
  157.  
  158. /* Helvetica - Header */
  159.  
  160. #header {
  161.     border-top: 12px solid #000;
  162.     {block:HasPages}border-top:0 !important;{/block:HasPages}
  163. }
  164.  
  165. .navigation {
  166.     background:#000;
  167.     padding:5px;
  168. }
  169.  
  170.     ul.pages {
  171.         margin:0;
  172.     }
  173.  
  174.     .pages li {
  175.         display:inline-block;
  176.         font-size:14px;
  177.         list-style:none;
  178.         padding-left:15px;
  179.         padding-right:10px;
  180.     }
  181.    
  182.     .pages li a {
  183.         color:#fff;
  184.     }
  185.    
  186.     .pages li.current a {
  187.         color:#f00;
  188.     }
  189.  
  190. #header h1 {
  191.     text-transform: uppercase;
  192.     font: bold 72px/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  193.     text-shadow: 0 1px 1px rgba(255,255,255,0.2);
  194. }
  195.  
  196. #header h1 a {
  197.     color: #000;
  198. }
  199.  
  200. #header h1 a:hover {
  201.     color: #F00;
  202. }
  203.  
  204. /* Helvetica - Content */
  205.  
  206. #content {
  207.     border: 1px solid #F1D532;
  208.     background-color: #FFEB78;
  209. }
  210.  
  211. .corner-fold {
  212.     width: 60px;
  213.     height: 60px;
  214.     float: right;
  215.     display: inline;
  216.     background: #FEE035 url(http://themes.corywatilo.com/metalab-helvetica/corner-fold.png) no-repeat right top;
  217.     margin-right: -1px;
  218.     margin-top: -1px;
  219. }
  220.  
  221. .about {
  222.     margin: 0 10px;
  223.     padding: 20px 0 13px;
  224.     border-bottom: 1px solid rgba(0,0,0,0.2);
  225.     text-shadow: 0 1px 1px rgba(255,255,255,0.2);
  226.     box-shadow: 0 1px 1px rgba(255,255,255,0.2);
  227.     -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.2);
  228.     -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.2);
  229. }
  230.  
  231. .pc {
  232.     padding-bottom: 8px;
  233.     background: url(http://themes.corywatilo.com/metalab-helvetica/fold.png) no-repeat left bottom;
  234.     float: left;
  235.     display: block;
  236.     margin-left: -17px;
  237. }
  238.  
  239. .profilepic img {
  240.     border-radius: 1px;
  241.     -moz-border-radius: 1px;
  242.     -webkit-border-radius: 1px;
  243.     width: 80px;
  244.     height: 80px;
  245.     vertical-align: bottom;
  246.     border: 1px solid #B3B3B3;
  247.     background-color: #000;
  248. }
  249.  
  250. .profilepic {
  251.     border: 1px solid #666;
  252.     box-shadow: 0 1px 4px rgba(0,0,0,0.6);
  253.     -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
  254.     -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
  255.     padding: 4px;
  256.     background-color: #FFF;
  257. }
  258.  
  259. .description {
  260.     width: 510px;
  261.     float: left;
  262.     display: block;
  263.     margin-left: 22px;
  264.     text-transform: uppercase;
  265.     font-size: 15px;
  266.     line-height: 1.6em;
  267. }
  268.  
  269. .description > div, .elsewhere > div {
  270.     min-height: 92px;
  271.     display: table-cell;
  272.     vertical-align: middle;
  273. }
  274.  
  275. .elsewhere {
  276.     margin-left: 48px;
  277.     float: left;
  278.     display: inline;
  279.     border-left: 1px dotted rgba(0,0,0,0.1);
  280.     text-transform: uppercase;
  281.     font-weight: bold;
  282.     font-size: 12px;
  283.     line-height: 1.8em;
  284.     width:210px;
  285.     height: 100px;
  286.     padding-top: 20px;
  287. }
  288.  
  289. .elsewhere > div {
  290.     padding: 0 0 0 18px;
  291. }
  292.  
  293. .elsewhere img {
  294.     width: 16px;
  295.     height: 16px;
  296.     vertical-align: middle;
  297.     margin-right: 3px;
  298. }
  299.  
  300. /* Helvetica - Entries */
  301.  
  302. #entries {
  303.     margin: 10px 0 25px;
  304.     width:617px;
  305. }
  306.  
  307. .ec {
  308.     position:relative;
  309. }
  310.  
  311. .entry {
  312.     width: 510px;
  313.     margin-left: 107px;
  314.     padding: 25px 0;
  315. }
  316.  
  317. {block:Page}
  318.  
  319. .entry {
  320.     width: 590px;
  321.     margin-left: 27px;
  322.     padding: 25px 0;
  323. }
  324.  
  325. {/block:Page}
  326.  
  327. .meta {
  328.     width: 249px;
  329.     background-color: #FBF0B0;
  330.     margin-right: -299px;
  331.     float: right;
  332.     display: none;
  333.     border: 1px solid #E9D461;
  334.     border-radius: 1px;
  335.     -moz-border-radius: 1px;
  336.     -webkit-border-radius: 1px;
  337.     font: bold 12px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  338. }
  339.  
  340. .inner-meta {
  341.     border-top: 1px solid #FFFDB9;
  342.     padding: 19px 18px 20px;
  343.     border-radius: 1px;
  344.     -moz-border-radius: 1px;
  345.     -webkit-border-radius: 1px;
  346. }
  347.  
  348. .meta span {
  349.     float: right;
  350.     display: inline;
  351. }
  352.  
  353. .meta a:hover {
  354.     background-color: #F9F4D4;
  355. }
  356.  
  357. .ultrameta {
  358.     float: left;
  359.     display: inline;
  360.     width: 624px;
  361.     margin-left: -114px;
  362.     padding-bottom: 8px;
  363.     background: url(http://themes.corywatilo.com/metalab-helvetica/fold.png) no-repeat left bottom;
  364.     margin-bottom: 12px;
  365. }
  366.  
  367. .linkplayer, .audioplayer {
  368.     display: block;
  369.     background-color: #000 !important;
  370.     background-repeat: no-repeat;
  371.     box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  372.     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  373.     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  374. }
  375.  
  376. .linkplayer {
  377.     padding: 14px 15px 16px 114px;
  378.     background: url(http://themes.corywatilo.com/metalab-helvetica/link.png) no-repeat 20px 50%;
  379. }
  380.  
  381. .audioplayer {
  382.     padding: 12px 15px 13px 114px;
  383.     background: url(http://themes.corywatilo.com/metalab-helvetica/audio.png) no-repeat 20px 50%;
  384. }
  385.  
  386. .audioplayer .container {
  387.     float: left;
  388.     display: inline;
  389.     margin-right: 15px;
  390.     padding: 3px;
  391.     border: 1px solid #888;
  392. }
  393.  
  394. .audioplayer .audiotitle {
  395.     display: inline;
  396.     float: right;
  397.     color: #FFF;
  398.     padding: 6px 0;
  399.     font: normal 13px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  400. }
  401.  
  402. .linkplayer:hover, .audioplayer a:hover {
  403.     color: #FFF !important;
  404. }
  405.  
  406. .audioplayer a:hover {
  407.     background-color: #000;
  408. }
  409.  
  410. .minimeta {
  411.     width: 66px;
  412.     margin-left: -114px;
  413.     float: left;
  414.     display: inline;
  415.     padding-bottom: 8px;
  416.     text-align:center;
  417.     background: url(http://themes.corywatilo.com/metalab-helvetica/fold.png) no-repeat left bottom;
  418. }
  419.  
  420. .minimeta a {
  421.     display: block;
  422.     height: 60px;
  423.     background-color: #000 !important;
  424.     background-position: 50% 50%;
  425.     background-repeat: no-repeat;
  426.     box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  427.     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  428.     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  429. }
  430.  
  431. .time-dd {
  432.     display:block;
  433.     padding-top:9px;
  434.     padding-bottom:3px;
  435.     font-size:36px;
  436.     font-weight:bold;
  437. }
  438.  
  439. .time-mmyy {
  440.     display:block;
  441.     font-size:12px;
  442.     font-weight:normal;
  443.     text-transform:uppercase;
  444. }
  445.  
  446. a.mm-text {
  447.     background-image: url(http://themes.corywatilo.com/metalab-helvetica/text.png);
  448. }
  449.  
  450. a.timestamp {
  451.     color:#fff;
  452.     text-decoration:none;
  453. }
  454.  
  455. #entries h2 {
  456.     font: bold 24px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  457.     margin-bottom: 20px;
  458.     position:relative;
  459.     z-index:11;
  460. }
  461.  
  462. #entries h2 a {
  463.     color: #000;
  464. }
  465.  
  466. .quote h2, .chat h2, .link h2 {
  467.     font: bold 20px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  468. }
  469.  
  470. .link h2, .link h2 a, .audiotitle a {
  471.     font-weight: 500 !important;
  472.     color: #FEE035 !important;
  473. }
  474.  
  475. h3, h4, h5, h6 {
  476.     font: bold 17px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  477. }
  478.  
  479. .media .container {
  480.     display: inline-block;
  481.     border: 5px solid #B2A454;
  482.     background-color: #FFF;
  483.     margin: 0 0 20px 0;
  484. }
  485.  
  486. .container img, .container embed, .container object {
  487.     vertical-align: bottom;
  488. }
  489.  
  490. .entry p, .entry ul, .entry ol, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry pre, .entry blockquote, .media hr {
  491.     margin-bottom: 20px;
  492. }
  493.  
  494. .entry p:last-child, .entry ul:last-child, .entry ol:last-child, .entry h2:last-child, .entry h3:last-child, .entry h4:last-child, .entry h5:last-child, .entry h6:last-child, .entry pre:last-child, .entry blockquote:last-child, .media hr:last-child {
  495.     margin-bottom: 0 !important;
  496. }
  497.  
  498. .chat .label {
  499.     font-weight: 500;
  500.     text-transform: uppercase;
  501. }
  502.  
  503. .chat ul {
  504.     list-style-type: none;
  505.     margin: 0;
  506. }
  507.  
  508. .chat li {
  509.     color: #FFF;
  510.     margin-bottom: 2px;
  511.     padding: 7px 15px;
  512.     text-shadow: rgba(0,0,0,0.5) 0 1px 1px;
  513. }
  514.  
  515. .chat li.even {
  516.     background-color: #3D381D;
  517. }
  518.  
  519. .chat li.odd {
  520.     background-color: #000;
  521. }
  522.  
  523. .chat li a {
  524.     font-weight: normal !important;
  525.     background-color: transparent !important;
  526.     color: #FEE035 !important;
  527. }
  528.  
  529. .chat li a:hover {
  530.     color: #FFF !important;
  531. }
  532.  
  533. .quote .content span {
  534.     float: left;
  535.     display: inline;
  536.     text-indent: 15px;
  537.     margin-right: 10px;
  538. }
  539.  
  540. .open-quote {
  541.     float: left;
  542.     display: inline;
  543.     margin-right: 8px;
  544.     height: 21px;
  545.     width: 28px;
  546. }
  547.  
  548. /* Helvetica - Navigation */
  549.  
  550. .page-navigation {
  551.     padding: 25px 22px;
  552. }
  553.  
  554. .page-navigation .left, .page-navigation .right {
  555.     float: right;
  556.     display: inline;
  557. }
  558.  
  559. .page-navigation .right {
  560.     margin-left: 7px;
  561. }
  562.  
  563. .page-navigation a {
  564.     border: 1px solid #E9D461;
  565.     display: block;
  566. }
  567.  
  568. .page-navigation .left a {
  569.     padding: 10px 15px 10px 35px;
  570.     background: #FBF0B0 url(http://themes.corywatilo.com/metalab-helvetica/prev-arrow.png) no-repeat left 50%;
  571. }
  572.  
  573. .page-navigation .right a {
  574.     padding: 10px 35px 10px 15px;
  575.     background: #FBF0B0 url(http://themes.corywatilo.com/metalab-helvetica/next-arrow.png) no-repeat right 50%;
  576.     text-align: right;
  577. }
  578.  
  579. /* Helvetica - Notes */
  580.  
  581. #notes {
  582.     width: 510px;
  583.     margin-left: 107px;
  584.     padding: 40px 0;
  585.     border-top: 1px dotted rgba(0,0,0,0.2);
  586. }
  587.  
  588. #notes ol {
  589.     list-style-type: none;
  590.     margin: 0;
  591. }
  592.  
  593. #notes ol li {
  594.     background-color: #E5D36B;
  595.     margin-bottom: 2px;
  596.     padding: 7px 15px;
  597. }
  598.  
  599. .avatar {
  600.     vertical-align: text-bottom;
  601.     width: 16px;
  602.     height: 16px;
  603.     border-radius: 1px;
  604.     -moz-border-radius: 1px;
  605.     -webkit-border-radius: 1px;
  606.     border: 1px solid #B3B3B3;
  607.     padding: 2px;
  608.     background-color: #FFF;
  609.     box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  610.     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  611.     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  612. }
  613.  
  614. #notes blockquote {
  615.     margin: 5px 0 5px 7px;
  616.     padding-left: 8px;
  617.     border-left: 2px solid #FFEB78;
  618. }
  619.  
  620. #notes blockquote a {
  621.     color: #726935;
  622.     font-weight: normal !important;
  623. }
  624.  
  625. #notes .source_tumblelog, #notes .tumblelog, #notes .like a {
  626.     text-transform: uppercase;
  627.     text-shadow: 0 1px 1px rgba(255,255,255,0.2);
  628. }
  629.  
  630. /* Helvetica - Footer */
  631.  
  632. #footer {
  633.     font: bold 14px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  634.     width: 894px;
  635.     margin: 0 auto;
  636.     padding: 25px 0 35px;
  637. }
  638.  
  639. #footer .left {
  640.     float: left;
  641.     display: inline;
  642. }
  643.  
  644. #footer .right {
  645.     float: right;
  646.     display: inline;
  647. }
  648.  
  649.         .posterous_retweet_widget {
  650.             display:inline-block;
  651.             float:right;
  652.         }
  653.        
  654.             a.posterous_retweet {
  655.                 color:#fff !important;
  656.             }
  657.            
  658.             a.posterous_retweet:hover {
  659.                 background:#36cdff;
  660.                 color:#fff !important;
  661.             }        
  662.        
  663.         .post-details {
  664.             font-size:.75em;
  665.             margin-left:107px;
  666.             padding:10px 0;
  667.         }
  668.        
  669.             .tags {
  670.                 color:#555;
  671.                 margin-bottom:5px;
  672.             }
  673.            
  674.                 .tags a {
  675.                     color:#000;
  676.                     font-weight:normal;
  677.                     padding:0 3px;
  678.                 }
  679.                
  680.                 .tags a:hover {
  681.                     color:#000;
  682.                     text-decoration:underline;
  683.                 }
  684.        
  685.             .info {
  686.                 color:#555;
  687.                 margin-bottom:5px;
  688.             }
  689.            
  690.                 .info a {
  691.                     color:#000;
  692.                     font-weight:normal;
  693.                 }
  694.            
  695.                 .info a:hover {
  696.                     color:#000;
  697.                     text-decoration:underline;
  698.                 }
  699.        
  700.             .comments {
  701.                 color:#555;
  702.                 margin-bottom:5px;
  703.             }
  704.            
  705.                 .comments a {
  706.                     color:#000;
  707.                     font-weight:normal;
  708.                 }
  709.                
  710.                 .comments a:hover {
  711.                     color:#000;
  712.                     text-decoration:underline;
  713.                 }
  714.                
  715.         .sidebar {
  716.             float:right;
  717.             padding:25px 10px 0 0;
  718.             width:242px;
  719.         }
  720.        
  721.         .tagslist ul,ul.links {
  722.             margin-left:0;
  723.         }
  724.        
  725.         .tagslist li,.links li {
  726.             font-size:.75em;
  727.             font-weight:normal;
  728.             list-style:none;
  729.         }
  730.        
  731.             .tagslist li a,.links li a {
  732.                 font-weight:normal;
  733.             }
  734.            
  735.         .search-inset {
  736.             background:#fff3b0;
  737.             border: 1px dotted rgba(0,0,0,0.1);
  738.             padding:0 15px 15px;
  739.         }
  740.        
  741.        
  742.         .back-to-blog {
  743.             margin-left:105px;
  744.         }
  745.  
  746. .editbox {
  747.     display:none;
  748. }
  749.  
  750. .ec:hover .editbox {
  751.     display:block;
  752.     left:110px;
  753.     position:absolute;
  754.     top:0;
  755.     z-index:10;
  756. }
  757.  
  758. .search {
  759.     background:url(http://posterous.com/images/icons/search16.png) no-repeat 3px 3px #fff;
  760.     border:solid 1px #eee;
  761.     border-radius: 3px;
  762.     -moz-border-radius: 3px;
  763.     -webkit-border-radius: 3px;
  764.     padding:2px 2px 2px 18px;
  765.     width:180px;
  766. }
  767.  
  768. div.comment_none_yet_msg,.commentunit,.comment {
  769.     color:#555;
  770. }
  771.  
  772. blockquote {
  773.     border-left:4px solid #555 !important;
  774. }
  775.  
  776. .map {
  777.     height:300px;
  778. }
  779.  
  780. .sidebar-block {
  781.     margin-bottom:15px;
  782. }
  783.  
  784.         .subscribe a,.contributors a {
  785.             display:block;
  786.             font-size:.75em;
  787.             font-weight:normal;
  788.             text-decoration:none;
  789.         }
  790.        
  791.             .subscribe a *,.contributors-list a * {
  792.                 display:inline-block;
  793.                 vertical-align:middle;
  794.             }
  795.            
  796.         .subscribe-posterous,.profile_ajax_reply,.subscribe-rss {
  797.             padding-left:18px;
  798.         }
  799.  
  800.             .subscribe-posterous,.profile_ajax_reply {
  801.                 background:url(/images/favicon.png) no-repeat -1px 3px;
  802.                 margin-bottom:5px;
  803.             }
  804.        
  805.             .subscribe-rss {
  806.                 background:url(/images/feed-icon-14x14.png) no-repeat 0 3px;
  807.             }            
  808.  
  809.     div.fav_star {
  810.         margin-top:-40px;
  811.         position:relative;
  812.         z-index:12;
  813.     }
  814.  
  815.     </style>
  816. </head>
  817. <body>
  818. <div id="outer">
  819. <div id="inner">
  820.  
  821. <div id="header">
  822.            
  823.     {block:HasPages}
  824.         <div class="navigation">
  825.             <ul class="pages">
  826.                 {block:Pages}
  827.                     <li class="{Current}"><a href="{URL}">{Label}</a></li>
  828.                 {/block:Pages}
  829.             </ul>
  830.         </div>
  831.     {/block:HasPages}
  832.    
  833.     <div class="pbar">
  834.         {block:PosterousBar direction="left" translucent="true"}{/block:PosterousBar}
  835.     </div>
  836.     <h1>{block:HeaderImage}<a href="{SiteURL}">{Title}</a>{Else}<a href="{SiteURL}">{Title}</a>{/block:HeaderImage}</h1>
  837. </div>
  838.  
  839. <div id="content">
  840. <div class="corner-fold"></div>
  841.  
  842. <div class="about clearfix">
  843. <div class="pc"><div class="profilepic"><a href="/"><img src="{PortraitURL-96}" alt="{Title}"></a></div></div>
  844. <div class="description clearfix"><div>
  845.  
  846.         <!-- {block:Description}{Description}{/block:Description} -->
  847.  
  848.         <div class="profile-block">
  849.                 <a href="{ProfileLink}">{OwnerName}</a>
  850.                 <p>{Profile}</p>
  851.                 {ProfileExternalLinks}
  852.         </div>
  853. </div></div>
  854.  
  855. <div class="elsewhere"><div>
  856.            
  857.             <h2>Search</h2>
  858.                 <form method="get">
  859.                     <input type="hidden" name="sort" value="{SearchSort}"/>
  860.                     <input type="text" name="search" value="{SearchQuery}" class="search" id="searchbox"/>
  861.                     <input type="hidden" value="Search" class="searchbox_button" style="display:none;" id="searchbox_button"/>
  862.                 </form>
  863.                
  864.                 {block:SearchBox searchbox_button='searchbox_button' searchbox='searchbox'/}
  865.                
  866. </div></div>
  867.  
  868. </div>
  869.            
  870. <div class="sidebar">
  871.  
  872.             {block:TagList}
  873.                 <div class="sidebar-block">
  874.                     <h4>Tags</h4>
  875.                     <div class="tagslist">
  876.                         <ul>
  877.                             {block:TagListing collapsible='true' count='10' action_id='seemore_link'}
  878.                                 {block:TagListingMore}
  879.                                     <li><a href="#" id="seemore_link">View all {NumTags} tags</a></li>
  880.                                 {/block:TagListingMore}
  881.                    
  882.                                 {block:TagItem}
  883.                                     <li><a href="{TagLink}">{TagName} ({TagCount})</a></li>
  884.                                 {/block:TagItem}
  885.        
  886.                                 {block:TagItemSelected}
  887.                                     <li class="active-tag"><strong>{TagName} ({TagCount})</strong></li>
  888.                                 {/block:TagItemSelected}
  889.                                
  890.                             {/block:TagListing}                    
  891.                         </ul>
  892.                     </div>
  893.                 </div>
  894.             {/block:TagList}
  895.            
  896.             <div class="subscribe sidebar-block">
  897.                 <h4>Subscribe</h4>
  898.                 {block:Subscription}
  899.                         {block:SubscriptionUnsubscribed action_id='subscribe_link' content_div='subscribe_div'}
  900.                             <div id="subscribe_div">
  901.                                 <a href="{SubscribeLink}" id="subscribe_link" class="subscribe-posterous">Subscribe to this posterous</a>
  902.                             </div>
  903.                         {/block:SubscriptionUnsubscribed}
  904.  
  905.                         {block:SubscriptionSubscribed action_id='unsubscribe_link' content_div='unsubscribe_div'}
  906.                             <div id="unsubscribe_div">
  907.                                 <a href="{UnsubscribeLink}" id="unsubscribe_link" class="subscribe-posterous">Unsubscribe</a>            
  908.                             </div>
  909.                         {/block:SubscriptionSubscribed}
  910.  
  911.                         {block:SubscriptionLoading}
  912.                             <img src="/images/loading.gif">            
  913.                         {/block:SubscriptionLoading}
  914.                 {/block:Subscription}
  915.                    
  916.                 <a href="{RSS}" class="subscribe-rss">Subscribe via RSS</a>
  917.             </div><!-- /.subscribe -->
  918.    
  919.             {block:Contributors}
  920.                 <div class="contributors sidebar-block">
  921.                     <h4>Contributors</h4>
  922.                     <span class="contributors-list">
  923.                         {block:Contributor}
  924.                                 <a href="{ContributorProfileLink}">
  925.                                     <img src="{ContributorPortraitURL-20}" width='20' height='20' class='profile_border'/>                                        {ContributorName}
  926.                                 </a>
  927.                         {/block:Contributor}
  928.                     </span>
  929.                 </div><!-- /.contributors -->
  930.             {/block:Contributors}
  931.            
  932.             {block:HasLinks}
  933.                 <div class="sidebar-block" style="margin-top:20px;">
  934.                      <h2 class="textfix">Links</h2>
  935.                      <ul class="links">
  936.                          {block:Links}
  937.                              <li><a href="{URL}">{Label}</a></li>
  938.                          {/block:Links}
  939.                      </ul>
  940.                  </div>
  941.             {/block:HasLinks}
  942.  
  943.  
  944.  
  945. </div><!-- /.sidebar -->    
  946.  
  947. <div id="entries">
  948.  
  949.  
  950.  
  951.         {block:ShowSidebar}
  952.             <div class="back-to-blog">
  953.                 <a href="{SiteURL}">&laquo; Back to blog</a>
  954.             </div>
  955.         {/block:ShowSidebar}
  956.  
  957.  
  958.         {block:SearchPage}
  959.        
  960.             <div class="ec">
  961.             <div id="post-{PostID}" class="entry text">
  962.                 <div class="meta">
  963.                     <div class="inner-meta"></div>
  964.                 </div>
  965.                 <h2>
  966.                     {block:SearchResultOne}
  967.                         One result found searching for
  968.                     {/block:SearchResultOne}
  969.                    
  970.                     {block:SearchResultMany}
  971.                         {SearchResultCount} results found searching for
  972.                     {/block:SearchResultMany}
  973.                    
  974.                     {block:SearchResultNone}
  975.                         No results found searching for
  976.                     {/block:SearchResultNone}    
  977.                 </h2>
  978.                 <div class="content search-inset">
  979.        
  980.                     <br />
  981.                     <form method='get'>
  982.                         <input type='hidden' name='sort' value="{SearchSort}"/>
  983.                         <input type='text' name='search' value='{SearchQuery}' class="png search" id="searchbox"/>
  984.                         <input type='submit' value='Search' class="searchbox_button" id="searchbox_button"/>
  985.                         &nbsp;&nbsp;<a href="{CurrentURL}" class="xsmall">clear</a>
  986.                     </form>
  987.                
  988.                     <ul class="searchsort" style="color: #999; font-size: 10px;">
  989.                             <li style="margin-left: 0px;">Sort by</li>
  990.                             <li>{block:SearchSortBestmatch}<b>Best match</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=bestmatch">Best match</a>{/block:SearchSortBestmatch}</li>
  991.                             <li>{block:SearchSortRecent}<b>Most recent</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=recent">Most recent</a>{/block:SearchSortRecent}</li>
  992.                             <li>{block:SearchSortInteresting}<b>Most interesting</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=interesting">Most interesting</a>{/block:SearchSortInteresting}</li>
  993.                     </ul>
  994.                     <br/>
  995.                     <a href="{PosterousURL}/explore/?search={SearchQuery}" style="font-size: 10px;">Search all of posterous for <b>{SearchQuery}</b> &raquo;</a>
  996.    
  997.                 <br style="clear: left;"/>
  998.  
  999.                 </div>
  1000.                 <div class="clear"></div>
  1001.             </div>
  1002.             </div>            
  1003.         {/block:SearchPage}
  1004.        
  1005. {block:Posts}
  1006.  
  1007.  
  1008. <div class="ec">
  1009. <div id="postunit_{PostID}" class="entry text">
  1010.             {block:EditBox/}
  1011.     {block:ShowOrList}
  1012.         <div class="minimeta">
  1013.             <a href="{Permalink}" rel="permalink" class="timestamp">
  1014.                 <span class="time-dd">{DayOfMonth}</span>
  1015.                 <span class="time-mmyy">{ShortMonth} {Year}</span>
  1016.             </a>
  1017.         </div>
  1018.         <div class="meta">
  1019.             <div class="inner-meta">{Month} {DayOfMonth}{DayOfMonthSuffix}, {12Hour}:{Minutes}{AmPm} {block:NoteCount}<span><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:NoteCount}</div>
  1020.         </div>
  1021.     {/block:ShowOrList}
  1022.     {block:Title}<h2><a href="{Permalink}" rel="permalink">{Title}</a></h2>{/block:Title}
  1023.     <div id="post_{PostID}" class="content">
  1024.         {Body}
  1025.         {block:More}<p><a href="{Permalink}">Read more &hellip;</a></p>{/block:More}
  1026.     </div>
  1027.     <div class="clear"></div>
  1028. </div>
  1029. </div>
  1030.                    
  1031.             {block:ShowOrList}
  1032.  
  1033.                 <div class="post-details">
  1034.                    
  1035.                     <div class="tags">
  1036.                         {block:List}
  1037.                             {block:TagList}
  1038.                                 Filed under
  1039.                                   {block:TagListing}
  1040.                                     <a href="{TagLink}">{TagName}</a>
  1041.                                   {/block:TagListing}
  1042.                             {/block:TagList}
  1043.                         {/block:List}
  1044.                     </div>
  1045.                    
  1046.                     <div class="info">
  1047.                         {block:Retweet}
  1048.                             <div style="float: left; padding: 5px;">
  1049.                                 <img src="/images/icons/services/twitter11.png" style="vertical-align: middle; position: relative; top: -1px;" />
  1050.                                 <span id="retweet_count_{PostID}">
  1051.                                   <a href="{RetweetLink}">
  1052.                                     {NumRetweets}
  1053.                                     <span id="retweet_count_label_{PostID}">mentions</span>
  1054.                                   </a>
  1055.                                 </span>
  1056.                                 {RetweetButton}
  1057.                             </div>
  1058.                             <div style="float: left; padding: 5px;">
  1059.                                 <fb:like href="{Permalink}" layout="button_count"></fb:like>
  1060.                             </div>
  1061.                             <br style="clear: both;" />                        
  1062.                         {/block:Retweet}
  1063.                    
  1064.                        
  1065.                         Posted {block:NewDayDate}<a href="{Permalink}">{TimeAgo}</a>{/block:NewDayDate} {block:Author}{block:AuthorUser}by <a href="{AuthorURL}">{AuthorName}</a>{/block:AuthorUser}{/block:Author} {block:PostLocations}<span id="location_collapsed_{PostID}">from <a href="#" id="post_location_expander_{PostID}">{LocationsSummary}</a></span>{/block:PostLocations}
  1066.                        
  1067.                         {block:PostLocations}
  1068.                             <div class="location-map" style="display: none;" id="post_location_expanded_{PostID}">
  1069.                                 <div class="map">
  1070.                                 {MapIframe}
  1071.                                 </div>
  1072.                                 <div class="location-details">
  1073.                                   Posted from
  1074.                                   {block:PostLocation uniq_by='summary'}
  1075.                                       {LocationSummary}<br/>
  1076.                                   {/block:PostLocation}
  1077.                                   <div class="clear"></div>
  1078.                                 </div>
  1079.                                 <div class="clear"></div>
  1080.                             </div>
  1081.                         {/block:PostLocations}
  1082.                        
  1083.                         {block:ShowOnClick action_id='post_location_expander_{PostID}' hidden_div='post_location_expanded_{PostID}' to_hide_id='location_collapsed_{PostID}'/}
  1084.                                                
  1085.                     </div><!-- /.info -->
  1086.                
  1087.  
  1088.                       {block:Comments}
  1089.                         <div class="comments">  
  1090.                         {block:CommentsList action_id='comment_link_{PostID}' target_element='post_commentarea_{PostID}'}
  1091.                          
  1092.                             <div id='post_commentarea_{PostID}'></div>
  1093.                                 <p><a href="#" id='comment_link_{PostID}'>{CommentCount} Comment{CommentCountPluralized}</a></p>
  1094.                                
  1095.                         {/block:CommentsList}
  1096.                      
  1097.                         {block:CommentsShow}
  1098.                             <a name="comment"></a>
  1099.                                 <div class="spanningheader" style="margin-top: 0px;">
  1100.                                     <h4>Comments ({CommentCount})</h4>
  1101.                                 </div>
  1102.                                 {CommentCode}
  1103.                    
  1104.                                 <div class="posterousAddNewComment">
  1105.                                   <div class="spanningheader">
  1106.                                       <h4>Leave a comment...</h4>
  1107.                                   </div>
  1108.                                   {NewCommentCode}
  1109.                                 </div>
  1110.                                    
  1111.                             {/block:CommentsShow}  
  1112.                             </div>
  1113.                         {/block:Comments}
  1114.                          
  1115.                        
  1116.                    
  1117.                 </div><!-- /.post-details -->
  1118.                
  1119.                 {/block:ShowOrList}
  1120.                
  1121.                 {block:Favorite hover_id='postunit_{PostID}' position_id='post_{PostID}'/}
  1122.  
  1123.  
  1124. {/block:Posts}
  1125.  
  1126. </div>
  1127.  
  1128. {block:Pagination}
  1129.     <div class="page-navigation">
  1130.         {block:NextPage}<div class="right"><a href="{NextPage}">Next</a></div>{/block:NextPage}
  1131.         {block:PreviousPage}<div class="left"><a href="{PreviousPage}">Prev</a></div>{/block:PreviousPage}
  1132.         <div class="clear"></div>
  1133.     </div>
  1134. {/block:Pagination}
  1135. {block:PermalinkPagination}
  1136.     <div class="page-navigation">
  1137.         {block:NextPost}<div class="right"><a href="{NextPost}">Next</a></div>{/block:NextPost}
  1138.         {block:PreviousPost}<div class="left"><a href="{PreviousPost}">Prev</a></div>{/block:PreviousPost}
  1139.         <div class="clear"></div>
  1140.     </div>
  1141. {/block:PermalinkPagination}
  1142.  
  1143. </div>
  1144.  
  1145. </div>
  1146. </div>
  1147.  
  1148. <div id="footer">
  1149.     <div class="left"><a href="{RSS}">RSS</a> &mdash; <a href="/archive">Archive</a></div>
  1150.     <div class="right">Design by <a href="http://metalabdesign.com/">MetaLab</a> for <a href="http://posterous.com">Posterous</a></div>
  1151.     <div class="clear"></div>
  1152. </div>
  1153.  
  1154. </body>
  1155. </html>
create a new version of this paste RAW Paste Data