ClaudineNetto

Layout Ícons

Jun 2nd, 2014
458
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 78.49 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   <head>
  5.     <b:if cond='data:blog.isMobile'>
  6.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  7.     <b:else/>
  8.       <meta content='width=1100' name='viewport'/>
  9.     </b:if>
  10.     <b:include data='blog' name='all-head-content'/>
  11.     <title><data:blog.pageTitle/></title>
  12.  
  13.     <b:skin><![CDATA[/*
  14. -----------------------------------------------
  15. Blogger Template Style
  16. Name:     Simple
  17. Designer: Josh Peterson
  18. URL:      www.noaesthetic.com
  19. Modificado por Claudine
  20. URL: princesstutoriais.blogspot.com.br
  21. ----------------------------------------------- */
  22.  
  23. /* Variable definitions
  24.   ====================
  25.   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ffffff"/>
  26.  
  27.   <Group description="Page Text" selector="body">
  28.     <Variable name="body.font" description="Font" type="font"
  29.         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif"/>
  30.     <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#666666"/>
  31.   </Group>
  32.  
  33.   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  34.     <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#000913"/>
  35.     <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="transparent"/>
  36.     <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
  37.   </Group>
  38.  
  39.   <Group description="Links" selector=".main-outer">
  40.     <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#2288bb"/>
  41.     <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#2288bb"/>
  42.     <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/>
  43.   </Group>
  44.  
  45.   <Group description="Blog Title" selector=".header h1">
  46.     <Variable name="header.font" description="Font" type="font"
  47.         default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
  48.     <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="transparent"/>
  49.   </Group>
  50.  
  51.   <Group description="Blog Description" selector=".header .description">
  52.     <Variable name="description.text.color" description="Description Color" type="color"
  53.         default="#777777"  value="transparent"/>
  54.   </Group>
  55.  
  56.   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  57.     <Variable name="tabs.font" description="Font" type="font"
  58.         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="$(body.font)"/>
  59.     <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="transparent"/>
  60.     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="transparent"/>
  61.   </Group>
  62.  
  63.   <Group description="Tabs Background" selector=".tabs-outer .PageList">
  64.     <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="transparent"/>
  65.     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="transparent"/>
  66.   </Group>
  67.  
  68.   <Group description="Post Title" selector="h3.post-title, .comments h4">
  69.     <Variable name="post.title.font" description="Font" type="font"
  70.         default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 32px Corsiva"/>
  71.   </Group>
  72.  
  73.   <Group description="Date Header" selector=".date-header">
  74.     <Variable name="date.header.color" description="Text Color" type="color"
  75.         default="$(body.text.color)" value="#33aaff"/>
  76.     <Variable name="date.header.background.color" description="Background Color" type="color"
  77.         default="transparent" value="transparent"/>
  78.   </Group>
  79.  
  80.   <Group description="Post Footer" selector=".post-footer">
  81.     <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#2288bb"/>
  82.     <Variable name="post.footer.background.color" description="Background Color" type="color"
  83.         default="#f9f9f9" value="transparent"/>
  84.     <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="transparent"/>
  85.   </Group>
  86.  
  87.   <Group description="Gadgets" selector="h2">
  88.     <Variable name="widget.title.font" description="Title Font" type="font"
  89.        default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
  90.     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="transparent"/>
  91.     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="transparent"/>
  92.   </Group>
  93.  
  94.   <Group description="Images" selector=".main-inner">
  95.     <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="transparent"/>
  96.     <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#10435d"/>
  97.     <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="#2288bb"/>
  98.   </Group>
  99.  
  100.   <Group description="Accents" selector=".content-inner">
  101.     <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="transparent"/>
  102.     <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="transparent"/>
  103.   </Group>
  104.  
  105.   <Variable name="body.background" description="Body Background" type="background"
  106.       color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
  107.   <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
  108.  
  109.   <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
  110.       default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
  111.   <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
  112.       default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>
  113.  
  114.   <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
  115.   <Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
  116.   <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="40px"/>
  117.   <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" value="0"/>
  118.   <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" value="0"/>
  119.   <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" value="0"/>
  120.  
  121.   <Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>
  122.  
  123.   <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
  124.   <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="0"/>
  125.   <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" value="0"/>
  126.   <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" value="0"/>
  127.   <Variable name="header.padding" description="Header Padding" type="length" default="30px" value="0"/>
  128.  
  129.   <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" value="1px"/>
  130.   <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" value="0"/>
  131.   <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="1px"/>
  132.  
  133.   <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="18px"/>
  134.  
  135.   <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"  value="0"/>
  136.   <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"  value="30px"/>
  137.   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  138.       default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
  139.   <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" value="1px"/>
  140.   <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" value="1px"/>
  141.  
  142.   <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="0.4em"/>
  143.   <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="3px"/>
  144.   <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
  145.  
  146.   <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="45px"/>
  147.  
  148.   <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
  149.   <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>
  150.  
  151.   <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
  152.   <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
  153.  
  154.   <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="1em"/>
  155.   <Variable name="main.padding" description="Main Padding" type="length" default="15px" value="0"/>
  156.   <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="35px"/>
  157.   <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" value="65px"/>
  158.  
  159.   <Variable name="paging.background"
  160.       color="$(content.background.color)"
  161.       description="Background of blog paging area" type="background"
  162.       default="transparent none no-repeat scroll top center" value="transparent url(//www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center"/>
  163.  
  164.   <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" value="1px"/>
  165.  
  166.   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  167.       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  168.   <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
  169.   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="transparent"/>
  170.  
  171.   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  172.   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  173. */
  174.  
  175. /* Content
  176. ----------------------------------------------- */
  177. body {
  178.  font: $(body.font);
  179.  color: $(body.text.color);
  180.  background: $(body.background);
  181.  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  182.  $(body.background.override)
  183. }
  184.  
  185. html body $(page.width.selector) {
  186.  min-width: 0;
  187.  max-width: 100%;
  188.  width: $(page.width);
  189. }
  190.  
  191. a:link {
  192.  text-decoration:none;
  193.  color: $(link.color);
  194. }
  195.  
  196. a:visited {
  197.  text-decoration:none;
  198.  color: $(link.visited.color);
  199. }
  200.  
  201. a:hover {
  202.  text-decoration:underline;
  203.  color: $(link.hover.color);
  204. }
  205.  
  206. .body-fauxcolumn-outer .fauxcolumn-inner {
  207.  background: transparent $(body.background.gradient.tile) repeat scroll top left;
  208.  _background-image: none;
  209. }
  210.  
  211. .body-fauxcolumn-outer .cap-top {
  212.  position: absolute;
  213.  z-index: 1;
  214.  height: 400px;
  215.  width: 100%;
  216.  background: $(body.background);
  217.  $(body.background.override)
  218. }
  219.  
  220. .body-fauxcolumn-outer .cap-top .cap-left {
  221.  width: 100%;
  222.  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  223.  _background-image: none;
  224. }
  225.  
  226. .content-outer {
  227.  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  228.  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  229.  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  230.  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  231.  
  232.  margin-bottom: 1px;
  233. }
  234.  
  235. .content-inner {
  236.  padding: $(content.padding) $(content.padding.horizontal);
  237. }
  238.  
  239. $(content.background.color.selector) {
  240.  background-color: $(content.background.color);
  241. }
  242.  
  243. /* Header
  244. ----------------------------------------------- */
  245. .header-outer {
  246.  background: transparent repeat-x scroll 0 -400px;
  247.  margin-top:-20px;
  248.  
  249. }
  250.  
  251. .Header h1 {
  252.  font: $(header.font);
  253.  
  254. }
  255.  
  256. .Header h1 a {
  257.  
  258. }
  259.  
  260. .Header .description {
  261.  
  262. }
  263.  
  264. .header-inner .Header .titlewrapper {
  265.  
  266. }
  267.  
  268. .header-inner .Header .descriptionwrapper {
  269.  
  270. }
  271.  
  272. /* Tabs
  273. ----------------------------------------------- */
  274. .tabs-inner .section:first-child {
  275.  border-top: $(header.bottom.border.size) solid $(tabs.border.color);
  276. }
  277.  
  278. .tabs-inner .section:first-child ul {
  279.  margin-top: -$(header.border.size);
  280.  border-top: $(header.border.size) solid $(tabs.border.color);
  281.  border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
  282.  border-right: $(header.border.horizontalsize) solid $(tabs.border.color);
  283. }
  284.  
  285. .tabs-inner .widget ul {
  286.  background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
  287.  _background-image: none;
  288.  border-bottom: $(tabs.border.width) solid $(tabs.border.color);
  289.  
  290.  margin-top: $(tabs.margin.top);
  291.  margin-left: -$(tabs.margin.side);
  292.  margin-right: -$(tabs.margin.side);
  293. }
  294.  
  295. .tabs-inner .widget li a {
  296.  display: inline-block;
  297.  
  298.  padding: .6em 1em;
  299.  
  300.  font: $(tabs.font);
  301.  color: $(tabs.text.color);
  302.  
  303.  border-$startSide: $(tabs.border.width) solid $(content.background.color);
  304.  border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);
  305. }
  306.  
  307. .tabs-inner .widget li:first-child a {
  308.  border-$startSide: none;
  309. }
  310.  
  311. .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  312.  color: $(tabs.selected.text.color);
  313.  background-color: $(tabs.selected.background.color);
  314.  text-decoration: none;
  315. }
  316.  
  317. /* Columns
  318. ----------------------------------------------- */
  319. .main-outer {
  320.  border-top: $(main.border.width) solid $(body.rule.color);
  321. }
  322.  
  323. .fauxcolumn-left-outer .fauxcolumn-inner {
  324.  border-right: 1px solid $(body.rule.color);
  325. }
  326.  
  327. .fauxcolumn-right-outer .fauxcolumn-inner {
  328.  border-left: 1px solid $(body.rule.color);
  329. }
  330.  
  331. /* Headings
  332. ----------------------------------------------- */
  333. h2 {
  334.  margin: 0 0 1em 0;
  335.  
  336.  font: $(widget.title.font);
  337.  color: $(widget.title.text.color);
  338. }
  339.  
  340. /* Widgets
  341. ----------------------------------------------- */
  342. .widget .zippy {
  343.  color: $(widget.alternate.text.color);
  344.  text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
  345. }
  346.  
  347. .widget .popular-posts ul {
  348.  list-style: none;
  349. }
  350.  
  351. /* Posts
  352. ----------------------------------------------- */
  353. .date-header span {
  354.  background-color: $(date.header.background.color);
  355.  color: $(date.header.color);
  356.  padding: $(date.header.padding);
  357.  letter-spacing: $(date.header.letterspacing);
  358.  margin: $(date.header.margin);
  359. }
  360.  
  361. .main-inner {
  362.  padding-top: $(main.padding.top);
  363.  padding-bottom: $(main.padding.bottom);
  364. }
  365.  
  366. .main-inner .column-center-inner {
  367.  padding: 0 $(main.padding);
  368. }
  369.  
  370. .main-inner .column-center-inner .section {
  371.  margin: 0 $(main.section.margin);
  372. }
  373.  
  374. .post {
  375.  margin: 0 0 15px 0;
  376. }
  377.  
  378. h3.post-title, .comments h4 {
  379.  font: $(post.title.font);
  380.  margin: .75em 0 0;
  381. }
  382.  
  383. .post-body {
  384.  font-size: 110%;
  385.  line-height: 1.4;
  386.  position: relative;
  387. }
  388.  
  389. .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
  390. .BlogList .item-thumbnail img {
  391.  padding: $(image.border.small.size);
  392.  
  393.  background: $(image.background.color);
  394.  border: 1px solid $(image.border.color);
  395.  
  396.  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  397.  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  398.  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  399. }
  400.  
  401. .post-body img, .post-body .tr-caption-container {
  402.  padding: $(image.border.large.size);
  403. }
  404.  
  405. .post-body .tr-caption-container {
  406.  color: $(image.text.color);
  407. }
  408.  
  409. .post-body .tr-caption-container img {
  410.  padding: 0;
  411.  
  412.  background: transparent;
  413.  border: none;
  414.  
  415.  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  416.  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  417.  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  418. }
  419.  
  420. .post img {
  421. filter:alpha(opacity=100);
  422. -moz-opacity:1.0;
  423. opacity:1.0;
  424. -webkit-transition-duration: .50s;
  425. height:150px;
  426. width:150px;
  427. margin:9px;
  428. }
  429. .post img:hover {
  430. filter:alpha(opacity=60);
  431. -moz-opacity:0.60;
  432. opacity:0.60;
  433. -webkit-transition-duration: .50s;
  434. }
  435. .post-header {
  436.  margin: 0 0 1.5em;
  437.  
  438.  line-height: 1.6;
  439.  font-size: 90%;
  440. }
  441.  
  442. .post-footer {
  443. display:none;
  444.  margin: 20px -2px 0;
  445.  padding: 5px 10px;
  446.  
  447.  color: $(post.footer.text.color);
  448.  background-color: $(post.footer.background.color);
  449.  border-bottom: 1px solid $(post.footer.border.color);
  450.  
  451.  line-height: 1.6;
  452.  font-size: 90%;
  453. display:none;
  454. }
  455.  
  456. #comments .comment-author {
  457.  padding-top: 1.5em;
  458.  
  459.  border-top: 1px solid $(body.rule.color);
  460.  background-position: 0 1.5em;
  461. }
  462.  
  463. #comments .comment-author:first-child {
  464.  padding-top: 0;
  465.  border-top: none;
  466. }
  467.  
  468. .avatar-image-container {
  469.  margin: .2em 0 0;
  470. }
  471.  
  472. #comments .avatar-image-container img {
  473.  border: 1px solid $(image.border.color);
  474. }
  475.  
  476. /* Comments
  477. ----------------------------------------------- */
  478. .comments .comments-content .icon.blog-author {
  479.  background-repeat: no-repeat;
  480.  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  481. }
  482.  
  483. .comments .comments-content .loadmore a {
  484.  border-top: 1px solid $(widget.alternate.text.color);
  485.  border-bottom: 1px solid $(widget.alternate.text.color);
  486. }
  487.  
  488. .comments .comment-thread.inline-thread {
  489.  background-color: $(post.footer.background.color);
  490. }
  491.  
  492. .comments .continue {
  493.  border-top: 2px solid $(widget.alternate.text.color);
  494. }
  495.  
  496.  
  497. /* Mobile
  498. ----------------------------------------------- */
  499. body.mobile  {
  500.  background-size: $(mobile.background.size);
  501. }
  502.  
  503. .mobile .body-fauxcolumn-outer {
  504.  background: $(mobile.background.overlay);
  505. }
  506.  
  507. .mobile .body-fauxcolumn-outer .cap-top {
  508.  background-size: 100% auto;
  509. }
  510.  
  511. .mobile .content-outer {
  512.  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  513.  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  514. }
  515.  
  516. body.mobile .AdSense {
  517.  margin: 0 -$(content.shadow.spread);
  518. }
  519.  
  520. .mobile .tabs-inner .widget ul {
  521.  margin-left: 0;
  522.  margin-right: 0;
  523. }
  524.  
  525. .mobile .post {
  526.  margin: 0;
  527. }
  528.  
  529. .mobile .main-inner .column-center-inner .section {
  530.  margin: 0;
  531. }
  532.  
  533. .mobile .date-header span {
  534.  padding: 0.1em 10px;
  535.  margin: 0 -10px;
  536. }
  537.  
  538. .mobile h3.post-title {
  539.  margin: 0;
  540. }
  541.  
  542. .mobile .blog-pager {
  543.  background: transparent none no-repeat scroll top center;
  544. }
  545.  
  546. .mobile .footer-outer {
  547.  border-top: none;
  548. }
  549.  
  550. .mobile .main-inner, .mobile .footer-inner {
  551.  background-color: $(content.background.color);
  552. }
  553.  
  554. .mobile-index-contents {
  555.  color: $(body.text.color);
  556. }
  557.  
  558. .mobile-link-button {
  559.  background-color: $(link.color);
  560. }
  561.  
  562. .mobile-link-button a:link, .mobile-link-button a:visited {
  563.  color: $(mobile.button.color);
  564. }
  565.  
  566. .mobile .tabs-inner .section:first-child {
  567.  border-top: none;
  568. }
  569.  
  570. .mobile .tabs-inner .PageList .widget-content {
  571.  background-color: $(tabs.selected.background.color);
  572.  color: $(tabs.selected.text.color);
  573.  border-top: $(tabs.border.width) solid $(tabs.border.color);
  574.  border-bottom: $(tabs.border.width) solid $(tabs.border.color);
  575. }
  576.  
  577. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  578.  border-$startSide: 1px solid $(tabs.border.color);
  579. }
  580.  
  581. ::-webkit-scrollbar-thumb:vertical {
  582. background: #ff8080; /*Cor da barrinha que se move*/
  583. }
  584. /*** Rolagem da Horizontal da Página***/
  585. ::-webkit-scrollbar-thumb:horizontal {
  586. background-color:#ff8080; /*Cor da barrinha que se move*/
  587. }
  588. /*** Parte fixa da rolagem (fundo que não se move) ***/
  589. ::-webkit-scrollbar {
  590. width:10px; /*Largura da barra de rolagem*/
  591.  background: #000913; /*Cor da parte fixa, que fica no mundo*/
  592.  
  593. }
  594.  
  595. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
  596. div#qTip {
  597. padding: 4px;
  598. display: none;
  599. background: #3B3C63;
  600. color: #fff;
  601. font-family: silkscreen;
  602. font-size: 10px; /* tamanho da fonte */
  603. text-align: left;
  604. position: absolute;
  605. z-index: 1000;
  606. -webkit-border-radius: 2px;
  607. -moz-border-radius: 2px;
  608. border-radius: 2px;
  609. text-transform: capitalize;
  610. }
  611.  
  612.  
  613. .bar_top {
  614. width: 100%;
  615. height: 31px;
  616. background: #ff8080;
  617.  
  618. }
  619. .menu_barrax {
  620. float: center;
  621. margin: 0;
  622. padding: 0;
  623. }
  624. .menu_barrax li {
  625. float: left;
  626. list-style: none;
  627. font-size: 10px;
  628. font-weight: bold;
  629. font-family: Verdana, Arial;
  630. text-transform: uppercase;
  631. margin: 0 0 0 10px;
  632. padding: 9px 0px 0px 0px;
  633.  
  634. }
  635. .menu_barrax li a{
  636. background: #;
  637. padding: 10px;
  638. color: #3B3C63;
  639. text-decoration: none;
  640. -webkit-transition:all 0.4s ease;
  641. -o-transition:all 0.4s ease;
  642. -moz-transition:all 0.4s ease;
  643. transition:all 0.4s ease;
  644. }
  645. .menu_barrax li a:hover {
  646. text-decoration: none;
  647. color: #fff;
  648. background: #3B3C63;
  649. -webkit-transition:all 0.4s ease;
  650. -o-transition:all 0.4s ease;
  651. -moz-transition:all 0.4s ease;
  652. transition:all 0.4s ease;
  653. text-shadow:0 1px #3B3C63;
  654. }
  655. .transit {
  656. -webkit-transition:all 0.4s ease;
  657. -o-transition:all 0.4s ease;
  658. -moz-transition:all 0.4s ease;
  659. transition:all 0.4s ease;
  660. }
  661. .bar_topd {
  662. width: 900px;
  663. margin: 0 auto;
  664. }
  665.  
  666. .feed-links{display:none !important;}
  667.  
  668. .navbar iframe{display:none;}
  669.  
  670. .quickedit {display:none;}
  671.  
  672. ]]></b:skin>
  673.  
  674.     <b:template-skin>
  675.       <b:variable default='960px' name='content.width' type='length' value='1100px'/>
  676.       <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  677.       <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
  678.  
  679.       <![CDATA[
  680.      body {
  681.        min-width: $(content.width);
  682.      }
  683.  
  684.      .content-outer, .content-fauxcolumn-outer, .region-inner {
  685.        min-width: $(content.width);
  686.        max-width: $(content.width);
  687.        _width: $(content.width);
  688.      }
  689.  
  690.      .main-inner .columns {
  691.        padding-left: $(main.column.left.width);
  692.        padding-right: $(main.column.right.width);
  693.      }
  694.  
  695.      .main-inner .fauxcolumn-center-outer {
  696.        left: $(main.column.left.width);
  697.        right: $(main.column.right.width);
  698.        /* IE6 does not respect left and right together */
  699.        _width: expression(this.parentNode.offsetWidth -
  700.            parseInt("$(main.column.left.width)") -
  701.            parseInt("$(main.column.right.width)") + 'px');
  702.      }
  703.  
  704.      .main-inner .fauxcolumn-left-outer {
  705.        width: $(main.column.left.width);
  706.      }
  707.  
  708.      .main-inner .fauxcolumn-right-outer {
  709.        width: $(main.column.right.width);
  710.      }
  711.  
  712.      .main-inner .column-left-outer {
  713.        width: $(main.column.left.width);
  714.        right: 100%;
  715.        margin-left: -$(main.column.left.width);
  716.      }
  717.  
  718.      .main-inner .column-right-outer {
  719.        width: $(main.column.right.width);
  720.        margin-right: -$(main.column.right.width);
  721.      }
  722.  
  723.      #layout {
  724.        min-width: 0;
  725.      }
  726.  
  727.      #layout .content-outer {
  728.        min-width: 0;
  729.        width: 800px;
  730.      }
  731.  
  732.      #layout .region-inner {
  733.        min-width: 0;
  734.        width: auto;
  735.      }
  736.      ]]>
  737.     </b:template-skin>
  738.     <b:include data='blog' name='google-analytics'/>
  739.  
  740.  <script src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/><script src='http://static.tumblr.com/fmf4w4k/pAnmuse4y/infinito.js' type='text/javascript'>
  741. </script>
  742.  
  743. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
  744. <script language='JavaScript' src='http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js' type='text/JavaScript'/>
  745.  
  746.   </head>
  747.  
  748. <div class='bar_top'>
  749. <div class='bar_topd'>
  750. <ul class='menu_barrax'>
  751. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  752. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  753. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  754. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  755. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  756. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  757. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  758. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  759. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  760. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  761. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  762. <li><a href='Link' title='Texto do tooltip'>Nome</a></li>
  763. </ul></div></div>
  764.  
  765.  
  766.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  767.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  768.     <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
  769.       <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  770.     function setAttributeOnload(object, attribute, val) {
  771.       if(window.addEventListener) {
  772.         window.addEventListener(&#39;load&#39;,
  773.           function(){ object[attribute] = val; }, false);
  774.       } else {
  775.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  776.       }
  777.     }
  778.   &lt;/script&gt;
  779. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  780. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  781. &lt;script type=&quot;text/javascript&quot;&gt;
  782.         gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  783.           if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  784.             gapi.iframes.getContext().openChild({
  785.                 url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0754877571765590270349\46blogName\75%C3%ADcons\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://layout-icons.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://layout-icons.blogspot.com/\46blogFollowUrl\75https://plus.google.com/101926277926109168062\46vt\75-5961242030314045986&#39;,
  786.                 where: document.getElementById(&quot;navbar-iframe-container&quot;),
  787.                 id: &quot;navbar-iframe&quot;
  788.             });
  789.           }
  790.         });
  791.       &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  792. (function() {
  793. var script = document.createElement(&#39;script&#39;);
  794. script.type = &#39;text/javascript&#39;;
  795. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  796. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  797. if (head) {
  798. head.appendChild(script);
  799. }})();
  800. &lt;/script&gt;
  801. </b:includable>
  802.     </b:widget>
  803.   </b:section>
  804.  
  805.   <b:if cond='data:blog.pageType == &quot;index&quot;'>
  806.     <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  807.       <meta expr:content='data:blog.title' itemprop='name'/>
  808.       <b:if cond='data:blog.metaDescription'>
  809.         <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  810.       </b:if>
  811.     </div>
  812.   </b:if>
  813.  
  814.   <div class='body-fauxcolumns'>
  815.     <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  816.     <div class='cap-top'>
  817.       <div class='cap-left'/>
  818.       <div class='cap-right'/>
  819.     </div>
  820.     <div class='fauxborder-left'>
  821.     <div class='fauxborder-right'/>
  822.     <div class='fauxcolumn-inner'>
  823.     </div>
  824.     </div>
  825.     <div class='cap-bottom'>
  826.       <div class='cap-left'/>
  827.       <div class='cap-right'/>
  828.     </div>
  829.     </div>
  830.   </div>
  831.  
  832.   <div class='content'>
  833.   <div class='content-fauxcolumns'>
  834.     <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  835.     <div class='cap-top'>
  836.       <div class='cap-left'/>
  837.       <div class='cap-right'/>
  838.     </div>
  839.     <div class='fauxborder-left'>
  840.     <div class='fauxborder-right'/>
  841.     <div class='fauxcolumn-inner'>
  842.     </div>
  843.     </div>
  844.     <div class='cap-bottom'>
  845.       <div class='cap-left'/>
  846.       <div class='cap-right'/>
  847.     </div>
  848.     </div>
  849.   </div>
  850.  
  851.   <div class='content-outer'>
  852.   <div class='content-cap-top cap-top'>
  853.     <div class='cap-left'/>
  854.     <div class='cap-right'/>
  855.   </div>
  856.   <div class='fauxborder-left content-fauxborder-left'>
  857.   <div class='fauxborder-right content-fauxborder-right'/>
  858.   <div class='content-inner'>
  859.  
  860.     <header>
  861.     <div class='header-outer'>
  862.     <div class='header-cap-top cap-top'>
  863.       <div class='cap-left'/>
  864.       <div class='cap-right'/>
  865.     </div>
  866.     <div class='fauxborder-left header-fauxborder-left'>
  867.     <div class='fauxborder-right header-fauxborder-right'/>
  868.     <div class='region-inner header-inner'>
  869.       <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'/>
  870.     </div>
  871.     </div>
  872.     <div class='header-cap-bottom cap-bottom'>
  873.       <div class='cap-left'/>
  874.       <div class='cap-right'/>
  875.     </div>
  876.     </div>
  877.     </header>
  878.  
  879.     <div class='tabs-outer'>
  880.     <div class='tabs-cap-top cap-top'>
  881.       <div class='cap-left'/>
  882.       <div class='cap-right'/>
  883.     </div>
  884.     <div class='fauxborder-left tabs-fauxborder-left'>
  885.     <div class='fauxborder-right tabs-fauxborder-right'/>
  886.     <div class='region-inner tabs-inner'>
  887.       <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
  888.       <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  889.     </div>
  890.     </div>
  891.     <div class='tabs-cap-bottom cap-bottom'>
  892.       <div class='cap-left'/>
  893.       <div class='cap-right'/>
  894.     </div>
  895.     </div>
  896.  
  897.     <div class='main-outer'>
  898.     <div class='main-cap-top cap-top'>
  899.       <div class='cap-left'/>
  900.       <div class='cap-right'/>
  901.     </div>
  902.  
  903.     <div class='fauxborder-left main-fauxborder-left'>
  904.     <div class='fauxborder-right main-fauxborder-right'/>
  905.     <div class='region-inner main-inner'>
  906.  
  907.       <div class='columns fauxcolumns'>
  908.  
  909.         <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  910.         <div class='cap-top'>
  911.           <div class='cap-left'/>
  912.           <div class='cap-right'/>
  913.         </div>
  914.         <div class='fauxborder-left'>
  915.         <div class='fauxborder-right'/>
  916.         <div class='fauxcolumn-inner'>
  917.         </div>
  918.         </div>
  919.         <div class='cap-bottom'>
  920.           <div class='cap-left'/>
  921.           <div class='cap-right'/>
  922.         </div>
  923.         </div>
  924.  
  925.         <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  926.         <div class='cap-top'>
  927.           <div class='cap-left'/>
  928.           <div class='cap-right'/>
  929.         </div>
  930.         <div class='fauxborder-left'>
  931.         <div class='fauxborder-right'/>
  932.         <div class='fauxcolumn-inner'>
  933.         </div>
  934.         </div>
  935.         <div class='cap-bottom'>
  936.           <div class='cap-left'/>
  937.           <div class='cap-right'/>
  938.         </div>
  939.         </div>
  940.  
  941.         <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  942.         <div class='cap-top'>
  943.           <div class='cap-left'/>
  944.           <div class='cap-right'/>
  945.         </div>
  946.         <div class='fauxborder-left'>
  947.         <div class='fauxborder-right'/>
  948.         <div class='fauxcolumn-inner'>
  949.         </div>
  950.         </div>
  951.         <div class='cap-bottom'>
  952.           <div class='cap-left'/>
  953.           <div class='cap-right'/>
  954.         </div>
  955.         </div>
  956.  
  957.         <!-- corrects IE6 width calculation -->
  958.         <div class='columns-inner'>
  959.  
  960.         <div class='column-center-outer'>
  961.         <div class='column-center-inner'>
  962.           <b:section class='main' id='main' showaddelement='no'>
  963.             <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
  964.               <b:includable id='main' var='top'>
  965.   <b:if cond='data:mobile == &quot;false&quot;'>
  966.  
  967.     <!-- posts -->
  968.     <div class='blog-posts hfeed'>
  969.  
  970.       <b:include data='top' name='status-message'/>
  971.  
  972.       <data:defaultAdStart/>
  973.       <b:loop values='data:posts' var='post'>
  974.         <b:if cond='data:post.isDateStart'>
  975.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  976.             &lt;/div&gt;&lt;/div&gt;
  977.           </b:if>
  978.         </b:if>
  979.         <b:if cond='data:post.isDateStart'>
  980.           &lt;div class=&quot;date-outer&quot;&gt;
  981.         </b:if>
  982.         <b:if cond='data:post.dateHeader'>
  983.           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  984.         </b:if>
  985.         <b:if cond='data:post.isDateStart'>
  986.           &lt;div class=&quot;date-posts&quot;&gt;
  987.         </b:if>
  988.         <div class='post-outer'>
  989.         <b:include data='post' name='post'/>
  990.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  991.           <b:include data='post' name='comment_picker'/>
  992.         </b:if>
  993.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  994.           <b:include data='post' name='comment_picker'/>
  995.         </b:if>
  996.         </div>
  997.         <b:if cond='data:post.includeAd'>
  998.           <b:if cond='data:post.isFirstPost'>
  999.             <data:defaultAdEnd/>
  1000.           <b:else/>
  1001.             <data:adEnd/>
  1002.           </b:if>
  1003.           <div class='inline-ad'>
  1004.             <data:adCode/>
  1005.           </div>
  1006.           <data:adStart/>
  1007.         </b:if>
  1008.       </b:loop>
  1009.       <b:if cond='data:numPosts != 0'>
  1010.         &lt;/div&gt;&lt;/div&gt;
  1011.       </b:if>
  1012.       <data:adEnd/>
  1013.     </div>
  1014.  
  1015.     <!-- navigation -->
  1016.     <b:include name='nextprev'/>
  1017.  
  1018.     <!-- feed links -->
  1019.     <b:include name='feedLinks'/>
  1020.  
  1021.     <b:if cond='data:top.showStars'>
  1022.       <script src='//www.google.com/jsapi' type='text/javascript'/>
  1023.       <script type='text/javascript'>
  1024.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1025.         function initialize() {
  1026.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1027.           google.annotations.createAll();
  1028.           google.annotations.fetch();
  1029.         }
  1030.         google.setOnLoadCallback(initialize);
  1031.       </script>
  1032.     </b:if>
  1033.  
  1034.   <b:else/>
  1035.     <b:include name='mobile-main'/>
  1036.   </b:if>
  1037.  
  1038.   <b:if cond='data:top.showDummy'>
  1039.     <data:top.dummyBootstrap/>
  1040.   </b:if>
  1041.  
  1042. </b:includable>
  1043.               <b:includable id='backlinkDeleteIcon' var='backlink'>
  1044.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1045.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1046.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1047.     </a>
  1048.   </span>
  1049. </b:includable>
  1050.               <b:includable id='backlinks' var='post'>
  1051.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1052.   <b:if cond='data:post.numBacklinks != 0'>
  1053.     <dl class='comments-block' id='comments-block'>
  1054.       <b:loop values='data:post.backlinks' var='backlink'>
  1055.         <div class='collapsed-backlink backlink-control'>
  1056.           <dt class='comment-title'>
  1057.             <span class='backlink-toggle-zippy'>&#160;</span>
  1058.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1059.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1060.           </dt>
  1061.           <dd class='comment-body collapseable'>
  1062.             <data:backlink.snippet/>
  1063.           </dd>
  1064.           <dd class='comment-footer collapseable'>
  1065.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1066.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1067.           </dd>
  1068.         </div>
  1069.       </b:loop>
  1070.     </dl>
  1071.   </b:if>
  1072.   <p class='comment-footer'>
  1073.     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  1074.   </p>
  1075. </b:includable>
  1076.               <b:includable id='comment-form' var='post'>
  1077.   <div class='comment-form'>
  1078.     <a name='comment-form'/>
  1079.     <b:if cond='data:mobile'>
  1080.       <h4 id='comment-post-message'>
  1081.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1082.       <p><data:blogCommentMessage/></p>
  1083.       <data:blogTeamBlogMessage/>
  1084.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1085.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1086.     <b:else/>
  1087.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1088.       <p><data:blogCommentMessage/></p>
  1089.       <data:blogTeamBlogMessage/>
  1090.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1091.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1092.     </b:if>
  1093.     <data:post.friendConnectJs/>
  1094.     <data:post.cmtfpIframe/>
  1095.     <script type='text/javascript'>
  1096.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1097.     </script>
  1098.   </div>
  1099. </b:includable>
  1100.               <b:includable id='commentDeleteIcon' var='comment'>
  1101.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1102.     <b:if cond='data:showCmtPopup'>
  1103.       <div class='goog-toggle-button'>
  1104.         <div class='goog-inline-block comment-action-icon'/>
  1105.       </div>
  1106.     <b:else/>
  1107.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1108.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1109.       </a>
  1110.     </b:if>
  1111.   </span>
  1112. </b:includable>
  1113.               <b:includable id='comment_count_picker' var='post'>
  1114.   <b:if cond='data:post.commentSource == 1'>
  1115.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  1116.     </span>
  1117.   <b:else/>
  1118.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1119.       <data:post.commentLabelFull/>:
  1120.     </a>
  1121.   </b:if>
  1122. </b:includable>
  1123.               <b:includable id='comment_picker' var='post'>
  1124.   <b:if cond='data:post.commentSource == 1'>
  1125.     <b:include data='post' name='iframe_comments'/>
  1126.   <b:else/>
  1127.     <b:if cond='data:post.showThreadedComments'>
  1128.       <b:include data='post' name='threaded_comments'/>
  1129.     <b:else/>
  1130.       <b:include data='post' name='comments'/>
  1131.     </b:if>
  1132.   </b:if>
  1133. </b:includable>
  1134.               <b:includable id='comments' var='post'>
  1135.   <div class='comments' id='comments'>
  1136.     <a name='comments'/>
  1137.     <b:if cond='data:post.allowComments'>
  1138.       <h4><data:post.commentLabelFull/>:</h4>
  1139.  
  1140.       <b:if cond='data:post.commentPagingRequired'>
  1141.         <span class='paging-control-container'>
  1142.           <b:if cond='data:post.hasOlderLinks'>
  1143.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1144.               &#160;
  1145.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1146.               &#160;
  1147.           </b:if>
  1148.  
  1149.           <data:post.commentRangeText/>
  1150.  
  1151.           <b:if cond='data:post.hasNewerLinks'>
  1152.             &#160;
  1153.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1154.             &#160;
  1155.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1156.           </b:if>
  1157.         </span>
  1158.       </b:if>
  1159.  
  1160.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1161.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1162.           <b:loop values='data:post.comments' var='comment'>
  1163.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1164.               <b:if cond='data:comment.favicon'>
  1165.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1166.               </b:if>
  1167.               <a expr:name='data:comment.anchorName'/>
  1168.               <b:if cond='data:blog.enabledCommentProfileImages'>
  1169.                 <data:comment.authorAvatarImage/>
  1170.               </b:if>
  1171.               <b:if cond='data:comment.authorUrl'>
  1172.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1173.               <b:else/>
  1174.                 <data:comment.author/>
  1175.               </b:if>
  1176.               <data:commentPostedByMsg/>
  1177.             </dt>
  1178.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1179.               <b:if cond='data:comment.isDeleted'>
  1180.                 <span class='deleted-comment'><data:comment.body/></span>
  1181.               <b:else/>
  1182.                 <p>
  1183.                   <data:comment.body/>
  1184.                 </p>
  1185.               </b:if>
  1186.             </dd>
  1187.             <dd class='comment-footer'>
  1188.               <span class='comment-timestamp'>
  1189.                 <a expr:href='data:comment.url' title='comment permalink'>
  1190.                   <data:comment.timestamp/>
  1191.                 </a>
  1192.                 <b:include data='comment' name='commentDeleteIcon'/>
  1193.               </span>
  1194.             </dd>
  1195.           </b:loop>
  1196.         </dl>
  1197.       </div>
  1198.  
  1199.       <b:if cond='data:post.commentPagingRequired'>
  1200.         <span class='paging-control-container'>
  1201.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1202.             <data:post.oldestLinkText/>
  1203.           </a>
  1204.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1205.             <data:post.olderLinkText/>
  1206.           </a>
  1207.           &#160;
  1208.           <data:post.commentRangeText/>
  1209.           &#160;
  1210.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1211.             <data:post.newerLinkText/>
  1212.           </a>
  1213.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1214.             <data:post.newestLinkText/>
  1215.           </a>
  1216.         </span>
  1217.       </b:if>
  1218.  
  1219.       <p class='comment-footer'>
  1220.         <b:if cond='data:post.embedCommentForm'>
  1221.           <b:if cond='data:post.allowNewComments'>
  1222.             <b:include data='post' name='comment-form'/>
  1223.           <b:else/>
  1224.             <data:post.noNewCommentsText/>
  1225.           </b:if>
  1226.         <b:else/>
  1227.           <b:if cond='data:post.allowComments'>
  1228.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1229.           </b:if>
  1230.         </b:if>
  1231.  
  1232.       </p>
  1233.     </b:if>
  1234.     <b:if cond='data:showCmtPopup'>
  1235.       <div id='comment-popup'>
  1236.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1237.         </iframe>
  1238.       </div>
  1239.     </b:if>
  1240.  
  1241.     <div id='backlinks-container'>
  1242.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1243.        <b:if cond='data:post.showBacklinks'>
  1244.          <b:include data='post' name='backlinks'/>
  1245.        </b:if>
  1246.     </div>
  1247.     </div>
  1248.   </div>
  1249. </b:includable>
  1250.               <b:includable id='feedLinks'>
  1251.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1252.     <b:if cond='data:feedLinks'>
  1253.       <div class='blog-feeds'>
  1254.         <b:include data='feedLinks' name='feedLinksBody'/>
  1255.       </div>
  1256.     </b:if>
  1257.  
  1258.     <b:else/> <!--Post feed links -->
  1259.     <div class='post-feeds'>
  1260.       <b:loop values='data:posts' var='post'>
  1261.         <b:if cond='data:post.allowComments'>
  1262.           <b:if cond='data:post.feedLinks'>
  1263.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  1264.           </b:if>
  1265.         </b:if>
  1266.       </b:loop>
  1267.     </div>
  1268.   </b:if>
  1269. </b:includable>
  1270.               <b:includable id='feedLinksBody' var='links'>
  1271.   <div class='feed-links'>
  1272.   <data:feedLinksMsg/>
  1273.   <b:loop values='data:links' var='f'>
  1274.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1275.   </b:loop>
  1276.   </div>
  1277. </b:includable>
  1278.               <b:includable id='iframe_comments' var='post'>
  1279.  
  1280.   <b:if cond='data:post.allowIframeComments'>
  1281.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1282.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1283.  
  1284.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1285.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1286.     </b:if>
  1287.   </b:if>
  1288. </b:includable>
  1289.               <b:includable id='mobile-index-post' var='post'>
  1290.   <div class='mobile-date-outer date-outer'>
  1291.     <b:if cond='data:post.dateHeader'>
  1292.       <div class='date-header'>
  1293.         <span><data:post.dateHeader/></span>
  1294.       </div>
  1295.     </b:if>
  1296.  
  1297.     <div class='mobile-post-outer'>
  1298.       <a expr:href='data:post.url'>
  1299.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  1300.           <data:post.title/>
  1301.         </h3>
  1302.  
  1303.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1304.  
  1305.         <div class='mobile-index-contents'>
  1306.           <b:if cond='data:post.thumbnailUrl'>
  1307.             <div class='mobile-index-thumbnail'>
  1308.               <div class='Image'>
  1309.                 <img expr:src='data:post.thumbnailUrl'/>
  1310.               </div>
  1311.             </div>
  1312.           </b:if>
  1313.  
  1314.           <div class='post-body'>
  1315.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1316.           </div>
  1317.         </div>
  1318.  
  1319.         <div style='clear: both;'/>
  1320.       </a>
  1321.  
  1322.       <div class='mobile-index-comment'>
  1323.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1324.           <b:if cond='data:post.allowComments'>
  1325.             <b:if cond='data:post.numComments != 0'>
  1326.               <b:include data='post' name='comment_count_picker'/>
  1327.             </b:if>
  1328.           </b:if>
  1329.         </b:if>
  1330.       </div>
  1331.     </div>
  1332.   </div>
  1333. </b:includable>
  1334.               <b:includable id='mobile-main' var='top'>
  1335.     <!-- posts -->
  1336.     <div class='blog-posts hfeed'>
  1337.  
  1338.       <b:include data='top' name='status-message'/>
  1339.  
  1340.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1341.         <b:loop values='data:posts' var='post'>
  1342.           <b:include data='post' name='mobile-index-post'/>
  1343.         </b:loop>
  1344.       <b:else/>
  1345.         <b:loop values='data:posts' var='post'>
  1346.           <b:include data='post' name='mobile-post'/>
  1347.         </b:loop>
  1348.       </b:if>
  1349.     </div>
  1350.  
  1351.    <b:include name='mobile-nextprev'/>
  1352. </b:includable>
  1353.               <b:includable id='mobile-nextprev'>
  1354.   <div class='blog-pager' id='blog-pager'>
  1355.     <b:if cond='data:newerPageUrl'>
  1356.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1357.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  1358.       </div>
  1359.     </b:if>
  1360.  
  1361.     <b:if cond='data:olderPageUrl'>
  1362.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1363.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  1364.       </div>
  1365.     </b:if>
  1366.  
  1367.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1368.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1369.     </div>
  1370.  
  1371.     <div class='mobile-desktop-link'>
  1372.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1373.     </div>
  1374.  
  1375.   </div>
  1376.   <div class='clear'/>
  1377. </b:includable>
  1378.               <b:includable id='mobile-post' var='post'>
  1379.   <div class='date-outer'>
  1380.     <b:if cond='data:post.dateHeader'>
  1381.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1382.     </b:if>
  1383.     <div class='date-posts'>
  1384.       <div class='post-outer'>
  1385.  
  1386.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1387.           <b:if cond='data:post.thumbnailUrl'>
  1388.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1389.           </b:if>
  1390.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1391.           <meta expr:content='data:post.id' itemprop='postId'/>
  1392.  
  1393.           <a expr:name='data:post.id'/>
  1394.           <b:if cond='data:post.title'>
  1395.             <h3 class='post-title entry-title' itemprop='name'>
  1396.               <b:if cond='data:post.link'>
  1397.                 <a expr:href='data:post.link'><data:post.title/></a>
  1398.               <b:else/>
  1399.                 <b:if cond='data:post.url'>
  1400.                   <b:if cond='data:blog.url != data:post.url'>
  1401.                     <a expr:href='data:post.url'><data:post.title/></a>
  1402.                   <b:else/>
  1403.                     <data:post.title/>
  1404.                   </b:if>
  1405.                 <b:else/>
  1406.                   <data:post.title/>
  1407.                 </b:if>
  1408.               </b:if>
  1409.             </h3>
  1410.           </b:if>
  1411.  
  1412.           <div class='post-header'>
  1413.             <div class='post-header-line-1'/>
  1414.           </div>
  1415.  
  1416.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1417.             <data:post.body/>
  1418.             <div style='clear: both;'/> <!-- clear for photos floats -->
  1419.           </div>
  1420.  
  1421.           <div class='post-footer'>
  1422.             <div class='post-footer-line post-footer-line-1'>
  1423.               <span class='post-author vcard'>
  1424.                 <b:if cond='data:top.showAuthor'>
  1425.                   <b:if cond='data:post.authorProfileUrl'>
  1426.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1427.                       <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1428.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1429.                         <span itemprop='name'><data:post.author/></span>
  1430.                       </a>
  1431.                     </span>
  1432.                   <b:else/>
  1433.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1434.                       <span itemprop='name'><data:post.author/></span>
  1435.                     </span>
  1436.                   </b:if>
  1437.                 </b:if>
  1438.               </span>
  1439.  
  1440.               <span class='post-timestamp'>
  1441.                 <b:if cond='data:top.showTimestamp'>
  1442.                   <data:top.timestampLabel/>
  1443.                   <b:if cond='data:post.url'>
  1444.                     <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1445.                     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1446.                   </b:if>
  1447.                 </b:if>
  1448.               </span>
  1449.  
  1450.               <span class='post-comment-link'>
  1451.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1452.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1453.                     <b:if cond='data:post.allowComments'>
  1454.                       <b:include data='post' name='comment_count_picker'/>
  1455.                     </b:if>
  1456.                   </b:if>
  1457.                 </b:if>
  1458.               </span>
  1459.             </div>
  1460.  
  1461.             <div class='post-footer-line post-footer-line-2'>
  1462.               <b:if cond='data:top.showMobileShare'>
  1463.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1464.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  1465.                 </div>
  1466.               </b:if>
  1467.               <b:if cond='data:top.showDummy'>
  1468.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1469.               </b:if>
  1470.             </div>
  1471.  
  1472.           </div>
  1473.         </div>
  1474.  
  1475.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1476.           <b:include data='post' name='comment_picker'/>
  1477.         </b:if>
  1478.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1479.           <b:include data='post' name='comment_picker'/>
  1480.         </b:if>
  1481.       </div>
  1482.     </div>
  1483.   </div>
  1484. </b:includable>
  1485.               <b:includable id='nextprev'>
  1486.   <div class='blog-pager' id='blog-pager'>
  1487.     <b:if cond='data:newerPageUrl'>
  1488.       <span id='blog-pager-newer-link'>
  1489.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  1490.       </span>
  1491.     </b:if>
  1492.  
  1493.     <b:if cond='data:olderPageUrl'>
  1494.       <span id='blog-pager-older-link'>
  1495.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  1496.       </span>
  1497.     </b:if>
  1498.  
  1499.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1500.  
  1501.     <b:if cond='data:mobileLinkUrl'>
  1502.       <div class='blog-mobile-link'>
  1503.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1504.       </div>
  1505.     </b:if>
  1506.  
  1507.   </div>
  1508.   <div class='clear'/>
  1509. </b:includable>
  1510.               <b:includable id='post' var='post'>
  1511.   <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1512.     <b:if cond='data:post.firstImageUrl'>
  1513.       <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
  1514.     </b:if>
  1515.     <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1516.     <meta expr:content='data:post.id' itemprop='postId'/>
  1517.  
  1518.     <a expr:name='data:post.id'/>
  1519.     <b:if cond='data:post.title'>
  1520.       <h3 class='post-title entry-title' itemprop='name'>
  1521.       <b:if cond='data:post.link'>
  1522.         <a expr:href='data:post.link'><data:post.title/></a>
  1523.       <b:else/>
  1524.         <b:if cond='data:post.url'>
  1525.           <b:if cond='data:blog.url != data:post.url'>
  1526.             <a expr:href='data:post.url'><data:post.title/></a>
  1527.           <b:else/>
  1528.             <data:post.title/>
  1529.           </b:if>
  1530.         <b:else/>
  1531.           <data:post.title/>
  1532.         </b:if>
  1533.       </b:if>
  1534.       </h3>
  1535.     </b:if>
  1536.  
  1537.     <div class='post-header'>
  1538.     <div class='post-header-line-1'/>
  1539.     </div>
  1540.  
  1541.     <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  1542.       <!-- Then use the post body as the schema.org description,
  1543.          for good G+/FB snippeting. -->
  1544.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  1545.         <data:post.body/>
  1546.         <div style='clear: both;'/> <!-- clear for photos floats -->
  1547.       </div>
  1548.     <b:else/>
  1549.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1550.         <data:post.body/>
  1551.         <div style='clear: both;'/> <!-- clear for photos floats -->
  1552.       </div>
  1553.     </b:if>
  1554.  
  1555.     <b:if cond='data:post.hasJumpLink'>
  1556.       <div class='jump-link'>
  1557.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1558.       </div>
  1559.     </b:if>
  1560.  
  1561.     <div class='post-footer'>
  1562.     <div class='post-footer-line post-footer-line-1'>
  1563.       <span class='post-author vcard'>
  1564.         <b:if cond='data:top.showAuthor'>
  1565.           <data:top.authorLabel/>
  1566.             <b:if cond='data:post.authorProfileUrl'>
  1567.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1568.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1569.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1570.                   <span itemprop='name'><data:post.author/></span>
  1571.                 </a>
  1572.               </span>
  1573.             <b:else/>
  1574.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1575.                 <span itemprop='name'><data:post.author/></span>
  1576.               </span>
  1577.             </b:if>
  1578.         </b:if>
  1579.       </span>
  1580.  
  1581.       <span class='post-timestamp'>
  1582.         <b:if cond='data:top.showTimestamp'>
  1583.           <data:top.timestampLabel/>
  1584.         <b:if cond='data:post.url'>
  1585.           <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1586.           <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1587.         </b:if>
  1588.         </b:if>
  1589.       </span>
  1590.  
  1591.       <span class='reaction-buttons'>
  1592.         <b:if cond='data:top.showReactions'>
  1593.           <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  1594.             <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  1595.               <span class='reactions-label'>
  1596.               <data:top.reactionsLabel/></span>&#160;</td>
  1597.             <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  1598.            </tr></table>
  1599.         </b:if>
  1600.       </span>
  1601.  
  1602.       <span class='star-ratings'>
  1603.         <b:if cond='data:top.showStars'>
  1604.            <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
  1605.         </b:if>
  1606.       </span>
  1607.  
  1608.       <span class='post-comment-link'>
  1609.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1610.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1611.             <b:if cond='data:post.allowComments'>
  1612.               <b:include data='post' name='comment_count_picker'/>
  1613.             </b:if>
  1614.           </b:if>
  1615.         </b:if>
  1616.       </span>
  1617.  
  1618.        <!-- backlinks -->
  1619.        <span class='post-backlinks post-comment-link'>
  1620.          <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1621.            <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1622.              <b:if cond='data:post.showBacklinks'>
  1623.                <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
  1624.              </b:if>
  1625.            </b:if>
  1626.          </b:if>
  1627.        </span>
  1628.  
  1629.       <span class='post-icons'>
  1630.         <!-- email post links -->
  1631.         <b:if cond='data:post.emailPostUrl'>
  1632.           <span class='item-action'>
  1633.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1634.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1635.           </a>
  1636.           </span>
  1637.         </b:if>
  1638.  
  1639.         <!-- quickedit pencil -->
  1640.         <b:include data='post' name='postQuickEdit'/>
  1641.       </span>
  1642.  
  1643.       <!-- share buttons -->
  1644.       <div class='post-share-buttons goog-inline-block'>
  1645.         <b:if cond='data:post.sharePostUrl'>
  1646.           <b:include data='post' name='shareButtons'/>
  1647.         </b:if>
  1648.       </div>
  1649.  
  1650.       </div>
  1651.  
  1652.       <div class='post-footer-line post-footer-line-2'>
  1653.       <span class='post-labels'>
  1654.         <b:if cond='data:post.labels'>
  1655.           <data:postLabelsLabel/>
  1656.           <b:loop values='data:post.labels' var='label'>
  1657.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1658.           </b:loop>
  1659.         </b:if>
  1660.       </span>
  1661.       </div>
  1662.  
  1663.       <div class='post-footer-line post-footer-line-3'>
  1664.       <span class='post-location'>
  1665.         <b:if cond='data:top.showLocation'>
  1666.           <b:if cond='data:post.location'>
  1667.             <data:postLocationLabel/>
  1668.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  1669.           </b:if>
  1670.         </b:if>
  1671.       </span>
  1672.       </div>
  1673.       <b:if cond='data:post.authorAboutMe'>
  1674.         <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1675.           <b:if cond='data:post.authorPhoto.url'>
  1676.             <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  1677.           </b:if>
  1678.           <div>
  1679.             <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  1680.               <span itemprop='name'><data:post.author/></span>
  1681.             </a>
  1682.           </div>
  1683.           <span itemprop='description'><data:post.authorAboutMe/></span>
  1684.         </div>
  1685.       </b:if>
  1686.     </div>
  1687.   </div>
  1688. </b:includable>
  1689.               <b:includable id='postQuickEdit' var='post'>
  1690.   <b:if cond='data:post.editUrl'>
  1691.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1692.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1693.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1694.       </a>
  1695.     </span>
  1696.   </b:if>
  1697. </b:includable>
  1698.               <b:includable id='shareButtons' var='post'>
  1699.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1700. </b:includable>
  1701.               <b:includable id='status-message'>
  1702.   <b:if cond='data:navMessage'>
  1703.   <div class='status-msg-wrap'>
  1704.     <div class='status-msg-body'>
  1705.       <data:navMessage/>
  1706.     </div>
  1707.     <div class='status-msg-border'>
  1708.       <div class='status-msg-bg'>
  1709.         <div class='status-msg-hidden'><data:navMessage/></div>
  1710.       </div>
  1711.     </div>
  1712.   </div>
  1713.   <div style='clear: both;'/>
  1714.   </b:if>
  1715. </b:includable>
  1716.               <b:includable id='threaded-comment-form' var='post'>
  1717.   <div class='comment-form'>
  1718.     <a name='comment-form'/>
  1719.     <b:if cond='data:mobile'>
  1720.       <p><data:blogCommentMessage/></p>
  1721.       <data:blogTeamBlogMessage/>
  1722.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1723.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1724.     <b:else/>
  1725.       <p><data:blogCommentMessage/></p>
  1726.       <data:blogTeamBlogMessage/>
  1727.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1728.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1729.     </b:if>
  1730.     <data:post.friendConnectJs/>
  1731.     <data:post.cmtfpIframe/>
  1732.     <script type='text/javascript'>
  1733.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1734.     </script>
  1735.   </div>
  1736. </b:includable>
  1737.               <b:includable id='threaded_comment_js' var='post'>
  1738.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1739.  
  1740.   <script type='text/javascript'>
  1741.     (function() {
  1742.       var items = <data:post.commentJso/>;
  1743.       var msgs = <data:post.commentMsgs/>;
  1744.       var config = <data:post.commentConfig/>;
  1745.  
  1746. // <![CDATA[
  1747.      var cursor = null;
  1748.      if (items && items.length > 0) {
  1749.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1750.      }
  1751.  
  1752.      var bodyFromEntry = function(entry) {
  1753.        if (entry.gd$extendedProperty) {
  1754.          for (var k in entry.gd$extendedProperty) {
  1755.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1756.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1757.            }
  1758.          }
  1759.        }
  1760.        return entry.content.$t;
  1761.      }
  1762.  
  1763.      var parse = function(data) {
  1764.        cursor = null;
  1765.        var comments = [];
  1766.        if (data && data.feed && data.feed.entry) {
  1767.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1768.            var comment = {};
  1769.            // comment ID, parsed out of the original id format
  1770.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1771.            comment.id = id ? id[2] : null;
  1772.            comment.body = bodyFromEntry(entry);
  1773.            comment.timestamp = Date.parse(entry.published.$t) + '';
  1774.            if (entry.author && entry.author.constructor === Array) {
  1775.              var auth = entry.author[0];
  1776.              if (auth) {
  1777.                comment.author = {
  1778.                  name: (auth.name ? auth.name.$t : undefined),
  1779.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1780.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1781.                };
  1782.              }
  1783.            }
  1784.            if (entry.link) {
  1785.              if (entry.link[2]) {
  1786.                comment.link = comment.permalink = entry.link[2].href;
  1787.              }
  1788.              if (entry.link[3]) {
  1789.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1790.                if (pid && pid[1]) {
  1791.                  comment.parentId = pid[1];
  1792.                }
  1793.              }
  1794.            }
  1795.            comment.deleteclass = 'item-control blog-admin';
  1796.            if (entry.gd$extendedProperty) {
  1797.              for (var k in entry.gd$extendedProperty) {
  1798.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1799.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1800.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1801.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1802.                }
  1803.              }
  1804.            }
  1805.            comments.push(comment);
  1806.          }
  1807.        }
  1808.        return comments;
  1809.      };
  1810.  
  1811.      var paginator = function(callback) {
  1812.        if (hasMore()) {
  1813.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1814.          if (cursor) {
  1815.            url += '&published-min=' + new Date(cursor).toISOString();
  1816.          }
  1817.          window.bloggercomments = function(data) {
  1818.            var parsed = parse(data);
  1819.            cursor = parsed.length < 50 ? null
  1820.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1821.            callback(parsed);
  1822.            window.bloggercomments = null;
  1823.          }
  1824.          url += '&callback=bloggercomments';
  1825.          var script = document.createElement('script');
  1826.          script.type = 'text/javascript';
  1827.          script.src = url;
  1828.          document.getElementsByTagName('head')[0].appendChild(script);
  1829.        }
  1830.      };
  1831.      var hasMore = function() {
  1832.        return !!cursor;
  1833.      };
  1834.      var getMeta = function(key, comment) {
  1835.        if ('iswriter' == key) {
  1836.          var matches = !!comment.author
  1837.              && comment.author.name == config.authorName
  1838.              && comment.author.profileUrl == config.authorUrl;
  1839.          return matches ? 'true' : '';
  1840.        } else if ('deletelink' == key) {
  1841.          return config.baseUri + '/delete-comment.g?blogID='
  1842.               + config.blogId + '&postID=' + comment.id;
  1843.        } else if ('deleteclass' == key) {
  1844.          return comment.deleteclass;
  1845.        }
  1846.        return '';
  1847.      };
  1848.  
  1849.      var replybox = null;
  1850.      var replyUrlParts = null;
  1851.      var replyParent = undefined;
  1852.  
  1853.      var onReply = function(commentId, domId) {
  1854.        if (replybox == null) {
  1855.          // lazily cache replybox, and adjust to suit this style:
  1856.          replybox = document.getElementById('comment-editor');
  1857.          if (replybox != null) {
  1858.            replybox.height = '250px';
  1859.            replybox.style.display = 'block';
  1860.            replyUrlParts = replybox.src.split('#');
  1861.          }
  1862.        }
  1863.        if (replybox && (commentId !== replyParent)) {
  1864.          document.getElementById(domId).insertBefore(replybox, null);
  1865.          replybox.src = replyUrlParts[0]
  1866.              + (commentId ? '&parentID=' + commentId : '')
  1867.              + '#' + replyUrlParts[1];
  1868.          replyParent = commentId;
  1869.        }
  1870.      };
  1871.  
  1872.      var hash = (window.location.hash || '#').substring(1);
  1873.      var startThread, targetComment;
  1874.      if (/^comment-form_/.test(hash)) {
  1875.        startThread = hash.substring('comment-form_'.length);
  1876.      } else if (/^c[0-9]+$/.test(hash)) {
  1877.        targetComment = hash.substring(1);
  1878.      }
  1879.  
  1880.      // Configure commenting API:
  1881.      var configJso = {
  1882.        'maxDepth': config.maxThreadDepth
  1883.      };
  1884.      var provider = {
  1885.        'id': config.postId,
  1886.        'data': items,
  1887.        'loadNext': paginator,
  1888.        'hasMore': hasMore,
  1889.        'getMeta': getMeta,
  1890.        'onReply': onReply,
  1891.        'rendered': true,
  1892.        'initComment': targetComment,
  1893.        'initReplyThread': startThread,
  1894.        'config': configJso,
  1895.        'messages': msgs
  1896.      };
  1897.  
  1898.      var render = function() {
  1899.        if (window.goog && window.goog.comments) {
  1900.          var holder = document.getElementById('comment-holder');
  1901.          window.goog.comments.render(holder, provider);
  1902.        }
  1903.      };
  1904.  
  1905.      // render now, or queue to render when library loads:
  1906.      if (window.goog && window.goog.comments) {
  1907.        render();
  1908.      } else {
  1909.        window.goog = window.goog || {};
  1910.        window.goog.comments = window.goog.comments || {};
  1911.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1912.        window.goog.comments.loadQueue.push(render);
  1913.      }
  1914.    })();
  1915. // ]]>
  1916.   </script>
  1917. </b:includable>
  1918.               <b:includable id='threaded_comments' var='post'>
  1919.   <div class='comments' id='comments'>
  1920.     <a name='comments'/>
  1921.     <h4><data:post.commentLabelFull/>:</h4>
  1922.  
  1923.     <div class='comments-content'>
  1924.       <b:if cond='data:post.embedCommentForm'>
  1925.         <b:include data='post' name='threaded_comment_js'/>
  1926.       </b:if>
  1927.       <div id='comment-holder'>
  1928.          <data:post.commentHtml/>
  1929.       </div>
  1930.     </div>
  1931.  
  1932.     <p class='comment-footer'>
  1933.       <b:if cond='data:post.allowNewComments'>
  1934.         <b:include data='post' name='threaded-comment-form'/>
  1935.       <b:else/>
  1936.         <data:post.noNewCommentsText/>
  1937.       </b:if>
  1938.     </p>
  1939.  
  1940.     <b:if cond='data:showCmtPopup'>
  1941.       <div id='comment-popup'>
  1942.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1943.         </iframe>
  1944.       </div>
  1945.     </b:if>
  1946.  
  1947.     <div id='backlinks-container'>
  1948.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1949.        <b:if cond='data:post.showBacklinks'>
  1950.          <b:include data='post' name='backlinks'/>
  1951.        </b:if>
  1952.     </div>
  1953.     </div>
  1954.   </div>
  1955. </b:includable>
  1956.             </b:widget>
  1957.           </b:section>
  1958.         </div>
  1959.         </div>
  1960.  
  1961.         <div class='column-left-outer'>
  1962.         <div class='column-left-inner'>
  1963.           <aside>
  1964.           <macro:include id='main-column-left-sections' name='sections'>
  1965.             <macro:param default='0' name='num' value='0'/>
  1966.             <macro:param default='sidebar-left' name='idPrefix'/>
  1967.             <macro:param default='sidebar' name='class'/>
  1968.             <macro:param default='true' name='includeBottom'/>
  1969.           </macro:include>
  1970.           </aside>
  1971.         </div>
  1972.         </div>
  1973.  
  1974.         <div class='column-right-outer'>
  1975.         <div class='column-right-inner'>
  1976.           <aside>
  1977.           <macro:include id='main-column-right-sections' name='sections'>
  1978.             <macro:param default='2' name='num' value='0'/>
  1979.             <macro:param default='sidebar-right' name='idPrefix'/>
  1980.             <macro:param default='sidebar' name='class'/>
  1981.             <macro:param default='true' name='includeBottom'/>
  1982.           </macro:include>
  1983.           </aside>
  1984.         </div>
  1985.         </div>
  1986.  
  1987.         </div>
  1988.  
  1989.         <div style='clear: both'/>
  1990.       <!-- columns -->
  1991.       </div>
  1992.  
  1993.     <!-- main -->
  1994.     </div>
  1995.     </div>
  1996.     <div class='main-cap-bottom cap-bottom'>
  1997.       <div class='cap-left'/>
  1998.       <div class='cap-right'/>
  1999.     </div>
  2000.     </div>
  2001.  
  2002.     <footer>
  2003.     <div class='footer-outer'>
  2004.     <div class='footer-cap-top cap-top'>
  2005.       <div class='cap-left'/>
  2006.       <div class='cap-right'/>
  2007.     </div>
  2008.     <div class='fauxborder-left footer-fauxborder-left'>
  2009.     <div class='fauxborder-right footer-fauxborder-right'/>
  2010.     <div class='region-inner footer-inner'>
  2011.       <macro:include id='footer-sections' name='sections'>
  2012.         <macro:param default='2' name='num' value='1'/>
  2013.         <macro:param default='footer' name='idPrefix'/>
  2014.         <macro:param default='foot' name='class'/>
  2015.         <macro:param default='false' name='includeBottom'/>
  2016.       </macro:include>
  2017.       <!-- outside of the include in order to lock Attribution widget -->
  2018.       <b:section class='foot' id='footer-3' showaddelement='yes'>
  2019.         <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  2020.           <b:includable id='main'>
  2021.     <b:if cond='data:feedbackSurveyLink'>
  2022.       <div class='mobile-survey-link' style='text-align: center;'>
  2023.         <data:feedbackSurveyLink/>
  2024.       </div>
  2025.     </b:if>
  2026.  
  2027.     <div class='widget-content' style='text-align: center;'>
  2028.       <b:if cond='data:attribution != &quot;&quot;'>
  2029.        <data:attribution/>
  2030.       </b:if>
  2031.     </div>
  2032.  
  2033.     <b:include name='quickedit'/>
  2034.   </b:includable>
  2035.         </b:widget>
  2036.       </b:section>
  2037.     </div>
  2038.     </div>
  2039.     <div class='footer-cap-bottom cap-bottom'>
  2040.       <div class='cap-left'/>
  2041.       <div class='cap-right'/>
  2042.     </div>
  2043.     </div>
  2044.     </footer>
  2045.  
  2046.   <!-- content -->
  2047.   </div>
  2048.   </div>
  2049.   <div class='content-cap-bottom cap-bottom'>
  2050.     <div class='cap-left'/>
  2051.     <div class='cap-right'/>
  2052.   </div>
  2053.   </div>
  2054.   </div>
  2055.  
  2056.   <script type='text/javascript'>
  2057.     window.setTimeout(function() {
  2058.         document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  2059.       }, 10);
  2060.   </script>
  2061. </body>
  2062.  
  2063. <macro:includable id='sections' var='col'>
  2064.   <macro:if cond='data:col.num == 0'>
  2065.   <macro:else/>
  2066.     <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  2067.  
  2068.     <macro:if cond='data:col.num &gt;= 2'>
  2069.       <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  2070.       <tbody>
  2071.       <tr>
  2072.         <td class='first columns-cell'>
  2073.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  2074.         </td>
  2075.  
  2076.         <td class='columns-cell'>
  2077.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  2078.         </td>
  2079.  
  2080.         <macro:if cond='data:col.num &gt;= 3'>
  2081.           <td class='columns-cell'>
  2082.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  2083.           </td>
  2084.         </macro:if>
  2085.  
  2086.         <macro:if cond='data:col.num &gt;= 4'>
  2087.           <td class='columns-cell'>
  2088.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  2089.           </td>
  2090.         </macro:if>
  2091.       </tr>
  2092.       </tbody>
  2093.       </table>
  2094.  
  2095.       <macro:if cond='data:col.includeBottom'>
  2096.         <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  2097.       </macro:if>
  2098.     </macro:if>
  2099.   </macro:if>
  2100. </macro:includable>
  2101.  
  2102. <b:section-contents id='footer-1'/></html>
Add Comment
Please, Sign In to add comment