API tools faq
paste
JuhJuhChan

LPA

JuhJuhChan
Feb 22nd, 2013
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 104.47 KB | None | 0 0
raw download clone embed print report
  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.     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  6.     <b:if cond='data:blog.isMobile'>
  7.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  8.     <b:else/>
  9.       <meta content='width=1100' name='viewport'/>
  10.     </b:if>
  11.     <b:include data='blog' name='all-head-content'/>
  12.     <title><data:blog.pageTitle/></title>
  13.  
  14.     <b:skin><![CDATA[/*
  15. -----------------------------------------------
  16. Blogger Template Style
  17. Name:     Watermark
  18. Designer: Josh Peterson
  19. URL:      www.noaesthetic.com
  20. ----------------------------------------------- */
  21.  
  22. /* Variable definitions
  23.   ====================
  24.  
  25.   <Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>
  26.  
  27.   <Group description="Page Text" selector="body">
  28.     <Variable name="body.font" description="Font" type="font"
  29.         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  30.     <Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#8e7cc3"/>
  31.   </Group>
  32.  
  33.   <Group description="Backgrounds" selector=".main-inner">
  34.     <Variable name="body.background.color" description="Outer Background" type="color" default="#c0a154" value="#ffffff"/>
  35.     <Variable name="footer.background.color" description="Footer Background" type="color" default="transparent" value="#a054c0"/>
  36.   </Group>
  37.  
  38.   <Group description="Links" selector=".main-inner">
  39.     <Variable name="link.color" description="Link Color" type="color" default="#cc3300" value="#cc0099"/>
  40.     <Variable name="link.visited.color" description="Visited Color" type="color" default="#993322" value="#c05473"/>
  41.     <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff3300" value="#a054c0"/>
  42.   </Group>
  43.  
  44.   <Group description="Blog Title" selector=".header h1">
  45.     <Variable name="header.font" description="Title Font" type="font"
  46.         default="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  47.     <Variable name="header.text.color" description="Title Color" type="color" default="#ffffff"  value="#ffffff"/>
  48.   </Group>
  49.  
  50.   <Group description="Blog Description" selector=".header .description">
  51.     <Variable name="description.text.color" description="Description Color" type="color"
  52.         default="#997755"  value="#997755"/>
  53.   </Group>
  54.  
  55.   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  56.     <Variable name="tabs.font" description="Font" type="font"
  57.         default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  58.     <Variable name="tabs.text.color" description="Text Color" type="color" default="$(link.color)" value="#a054c0"/>
  59.     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#20124d"/>
  60.   </Group>
  61.  
  62.   <Group description="Tabs Background" selector=".tabs-outer .PageList">
  63.     <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="#ffffff"/>
  64.     <Variable name="tabs.separator.color" description="Separator Color" type="color" default="$(body.background.color)" value="#a054c0"/>
  65.   </Group>
  66.  
  67.   <Group description="Date Header" selector="h2.date-header">
  68.     <Variable name="date.font" description="Font" type="font"
  69.         default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  70.     <Variable name="date.text.color" description="Text Color" type="color" default="#997755" value="#320246"/>
  71.   </Group>
  72.  
  73.   <Group description="Post" selector="h3.post-title, .comments h4">
  74.     <Variable name="post.title.font" description="Title Font" type="font"
  75.         default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 24px Chewy"/>
  76.     <Variable name="post.background.color" description="Background Color" type="color" default="transparent" value="#ffffff"/>
  77.     <Variable name="post.border.color" description="Border Color" type="color" default="#ccbb99"  value="#a054c0"/>
  78.   </Group>
  79.  
  80.   <Group description="Post Footer" selector=".post-footer">
  81.     <Variable name="post.footer.text.color" description="Text Color" type="color" default="#997755" value="#000000"/>
  82.   </Group>
  83.  
  84.   <Group description="Gadgets" selector="h2">
  85.     <Variable name="widget.title.font" description="Title Font" type="font"
  86.        default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  87.     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
  88.     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#777777" value="#3f0359"/>
  89.   </Group>
  90.  
  91.   <Group description="Footer" selector=".footer-inner">
  92.     <Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#000000"/>
  93.     <Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="$(widget.title.text.color)" value="#000000"/>
  94.   </Group>
  95.  
  96.   <Group description="Footer Links" selector=".footer-inner">
  97.     <Variable name="footer.link.color" description="Link Color" type="color" default="$(link.color)" value="#ff7755"/>
  98.     <Variable name="footer.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#dd5533"/>
  99.     <Variable name="footer.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#ff9977"/>
  100.   </Group>
  101.  
  102.   <Variable name="body.background" description="Body Background" type="background"
  103.       color="$(body.background.color)" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left" value="$(color) url(http://4.bp.blogspot.com/-p_MBsuW_hBs/UOcJGSPtl1I/AAAAAAAAAyU/FuingXh2bAk/s0/Back%2B13.png) repeat scroll top left"/>
  104.   <Variable name="body.background.overlay" description="Overlay Background" type="background" color="$(body.background.color)"
  105.       default="transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right" value="transparent none no-repeat scroll center center"/>
  106.   <Variable name="body.background.overlay.height" description="Overlay Background Height" type="length" default="121px" value="121px"/>
  107.  
  108.   <Variable name="tabs.background.inner" description="Tabs Background Inner" type="url" default="none" value="none"/>
  109.   <Variable name="tabs.background.outer" description="Tabs Background Outer" type="url" default="none" value="none"/>
  110.   <Variable name="tabs.border.size" description="Tabs Border Size" type="length" default="0" value="0"/>
  111.   <Variable name="tabs.shadow.spread" description="Tabs Shadow Spread" type="length" default="0" value="0"/>
  112.  
  113.   <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="30px"/>
  114.   <Variable name="main.cap.height" description="Main Cap Height" type="length" default="0" value="0"/>
  115.   <Variable name="main.cap.image" description="Main Cap Image" type="url" default="none" value="none"/>
  116.   <Variable name="main.cap.overlay" description="Main Cap Overlay" type="url" default="none" value="none"/>
  117.   <Variable name="main.background" description="Main Background" type="background"
  118.       default="transparent none no-repeat scroll top left" value="transparent none no-repeat scroll top left"/>
  119.  
  120.   <Variable name="post.background.url" description="Post Background URL" type="url"
  121.       default="url(//www.blogblog.com/1kt/watermark/post_background_birds.png)" value="url(//www.blogblog.com/1kt/watermark/post_background_birds.png)"/>
  122.   <Variable name="post.border.size" description="Post Border Size" type="length" default="1px" value="1px"/>
  123.   <Variable name="post.border.style" description="Post Border Style" type="string" default="dotted" value="dotted"/>
  124.   <Variable name="post.shadow.spread" description="Post Shadow Spread" type="length" default="0" value="0"/>
  125.  
  126.   <Variable name="footer.background" description="Footer Background" type="background"
  127.       color="$(footer.background.color)" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left" value="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left"/>
  128.  
  129.   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  130.       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  131.  
  132.   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  133.   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  134. */
  135.  
  136. /* Use this with templates/1ktemplate-*.html */
  137.  
  138. /* Content
  139. ----------------------------------------------- */
  140. body {
  141.  font: $(body.font);
  142.  color: $(body.text.color);
  143.  background: $(body.background);
  144. }
  145.  
  146. html body .content-outer {
  147.  min-width: 0;
  148.  max-width: 100%;
  149.  width: 100%;
  150. }
  151.  
  152. .content-outer {
  153.  font-size: 92%;
  154. }
  155.  
  156. a:link {
  157.  text-decoration:none;
  158.  color: $(link.color);
  159. }
  160.  
  161. a:visited {
  162.  text-decoration:none;
  163.  color: $(link.visited.color);
  164. }
  165.  
  166. a:hover {
  167.  text-decoration:underline;
  168.  color: $(link.hover.color);
  169. }
  170.  
  171. .body-fauxcolumns .cap-top {
  172.  margin-top: 30px;
  173.  background: $(body.background.overlay);
  174.  height: $(body.background.overlay.height);
  175. }
  176.  
  177. .content-inner {
  178.  padding: 0;
  179. }
  180.  
  181. /* Header
  182. ----------------------------------------------- */
  183. .header-inner .Header .titlewrapper,
  184. .header-inner .Header .descriptionwrapper {
  185.  padding-left: 20px;
  186.  padding-right: 20px;
  187. }
  188.  
  189. .Header h1 {
  190.  font: $(header.font);
  191.  color: $(header.text.color);
  192.  text-shadow: 2px 2px rgba(0, 0, 0, .1);
  193. }
  194.  
  195. .Header h1 a {
  196.  color: $(header.text.color);
  197. }
  198.  
  199. .Header .description {
  200.  font-size: 140%;
  201.  color: $(description.text.color);
  202. }
  203.  
  204. /* Tabs
  205. ----------------------------------------------- */
  206. .tabs-inner .section {
  207.  margin: 0 20px;
  208. }
  209.  
  210. .tabs-inner .PageList, .tabs-inner .LinkList, .tabs-inner .Labels {
  211.  margin-left: -11px;
  212.  margin-right: -11px;
  213.  
  214.  background-color: $(tabs.background.color);
  215.  border-top: $(tabs.border.size) solid #ffffff;
  216.  border-bottom: $(tabs.border.size) solid #ffffff;
  217.  
  218.  -moz-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  219.  -webkit-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  220.  -goog-ms-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  221.  box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  222. }
  223.  
  224. .tabs-inner .PageList .widget-content,
  225. .tabs-inner .LinkList .widget-content,
  226. .tabs-inner .Labels .widget-content {
  227.  margin: -3px -11px;
  228.  
  229.  background: transparent $(tabs.background.outer)  no-repeat scroll right;
  230. }
  231.  
  232. .tabs-inner .widget ul {
  233.  padding: 2px 25px;
  234.  max-height: 34px;
  235.  
  236.  background: transparent $(tabs.background.inner) no-repeat scroll left;
  237. }
  238.  
  239. .tabs-inner .widget li {
  240.  border: none;
  241. }
  242.  
  243. .tabs-inner .widget li a {
  244.  display: inline-block;
  245.  
  246.  padding: .25em 1em;
  247.  
  248.  font: $(tabs.font);
  249.  color: $(tabs.text.color);
  250.  
  251.  border-$endSide: 1px solid $(tabs.separator.color);
  252. }
  253.  
  254. .tabs-inner .widget li:first-child a {
  255.  border-$startSide: 1px solid $(tabs.separator.color);
  256. }
  257.  
  258. .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  259.  color: $(tabs.selected.text.color);
  260. }
  261.  
  262. /* Headings
  263. ----------------------------------------------- */
  264.  
  265. h2 {
  266.  font: $(widget.title.font);
  267.  color: $(widget.title.text.color);
  268. text-align: center;
  269. text-shadow: 2px 2px 5px #DA70D6;
  270.  
  271.  margin: 0 0 .5em;
  272. }
  273.  
  274. h2.date-header {
  275. width:80px;/** largura **/
  276. height:15px;/** altura **/
  277. overflow:hidden;
  278. font-size:14px;/** tamanho da fonte **/
  279. color: #000000 !important;/** cor da fonte **/
  280. text-align:center;/** alinha o texto **/
  281. margin-bottom: -65px; /** desce **/
  282. margin-left: -80px; /** margem pra esquerda **/
  283. padding: 20px 2px 20px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/
  284. -webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/
  285. background: #DA70D6; /** cor do fundo **/
  286. }
  287.  
  288. h2.date-header:hover {
  289. background: #A020F0; /** cor do fundo hover **/
  290. }
  291.  
  292. /* Main
  293. ----------------------------------------------- */
  294. .main-inner .column-center-inner,
  295. .main-inner .column-left-inner,
  296. .main-inner .column-right-inner {
  297.  padding: 0 5px;
  298. }
  299.  
  300. .main-outer {
  301.  margin-top: $(main.cap.height);
  302.  background: $(main.background);
  303. }
  304.  
  305. .main-inner {
  306.  padding-top: $(main.padding.top);
  307. }
  308.  
  309. .main-cap-top {
  310.  position: relative;
  311. }
  312.  
  313. .main-cap-top .cap-right {
  314.  position: absolute;
  315.  
  316.  height: $(main.cap.height);
  317.  width: 100%;
  318.  
  319.  bottom: 0;
  320.  
  321.  background: transparent $(main.cap.image) repeat-x scroll bottom center;
  322. }
  323.  
  324. .main-cap-top .cap-left {
  325.  position: absolute;
  326.  
  327.  height: 245px;
  328.  width: 280px;
  329.  right: 0;
  330.  bottom: 0;
  331.  
  332.  background: transparent $(main.cap.overlay) no-repeat scroll bottom left;
  333. }
  334.  
  335. /* Posts
  336. ----------------------------------------------- */
  337. .post-outer {
  338.  padding: 15px 20px;
  339.  margin: 0 0 25px;
  340. border-radius: 20px; /* Para Opera 10.5+*/
  341.  
  342.  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  343.  _background-image: none;
  344.  
  345.  border: $(post.border.style) $(post.border.size) $(post.border.color);
  346.  
  347.  -moz-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  348.  -webkit-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  349.  -goog-ms-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  350.  box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  351. }
  352.  
  353. h3.post-title {
  354.  font: $(post.title.font);
  355.  margin: 0;
  356. text-align: center;
  357. text-shadow: 1px 1px 0#000000;
  358. margin-top: 0px;
  359.  border-bottom: 1px dotted #A020F0;
  360. text-shadow: 1px 1px 0#000000
  361. }
  362.  
  363. .comments h4 {
  364.  font: $(post.title.font);
  365.  margin: 1em 0 0;
  366. text-align: center;
  367. }
  368.  
  369. .post-body {
  370.  font-size: 105%;
  371.  line-height: 1.5;
  372.  position: relative;
  373. }
  374.  
  375. .post-header {
  376.  margin: 0 0 1em;
  377.  
  378.  color: $(post.footer.text.color);
  379. text-align: center;
  380. margin-top: 0px;
  381.  border-bottom: 1px dotted #A020F0;
  382. }
  383.  
  384. .post-footer {
  385.  margin: 10px 0 0;
  386.  padding: 10px 0 0;
  387.  
  388.  color: $(post.footer.text.color);
  389.  border-top: dashed 1px $(widget.alternate.text.color);
  390. text-align: center;
  391. }
  392.  
  393. #blog-pager {
  394.  font-size: 140%
  395. }
  396.  
  397. #comments .comment-author {
  398.  padding-top: 1.5em;
  399.  
  400.  border-top: dashed 1px $(widget.alternate.text.color);
  401.  
  402.  background-position: 0 1.5em;
  403. }
  404.  
  405. #comments .comment-author:first-child {
  406.  padding-top: 0;
  407.  
  408.  border-top: none;
  409. }
  410.  
  411. .avatar-image-container {
  412.  margin: .2em 0 0;
  413. }
  414.  
  415. /* Comments
  416. ----------------------------------------------- */
  417. .comments .comments-content .icon.blog-author {
  418.  background-repeat: no-repeat;
  419.  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  420. }
  421.  
  422. .comments .comments-content .loadmore a {
  423.  border-top: 1px solid $(widget.alternate.text.color);
  424.  border-bottom: 1px solid $(widget.alternate.text.color);
  425. }
  426.  
  427. .comments .continue {
  428.  border-top: 2px solid $(widget.alternate.text.color);
  429. }
  430.  
  431. /* Widgets
  432. ----------------------------------------------- */
  433.  
  434. .widget ul, .widget #ArchiveList ul.flat {
  435.  padding: 0;
  436.  list-style: none;
  437. }
  438.  
  439. .widget ul li, .widget #ArchiveList ul.flat li {
  440.  padding: .35em 0;
  441.  text-indent: 0;
  442.  border-top: dashed 1px $(widget.alternate.text.color);
  443. }
  444.  
  445. .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
  446.  border-top: none;
  447. }
  448.  
  449. .widget .post-body ul {
  450.  list-style: disc;
  451. }
  452.  
  453. .widget .post-body ul li {
  454.  border: none;
  455. }
  456.  
  457. .widget .zippy {
  458.  color: $(widget.alternate.text.color);
  459. }
  460.  
  461. .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
  462. .BlogList .item-thumbnail img {
  463.  padding: 5px;
  464.  
  465.  background: #fff;
  466.  
  467.  
  468. }
  469.  
  470. .post-body img, .post-body .tr-caption-container {
  471.  padding: 8px;
  472. }
  473.  
  474. .post-body .tr-caption-container {
  475.  color: #333333;
  476. }
  477.  
  478. .post-body .tr-caption-container img {
  479.  padding: 0;
  480.  
  481.  background: transparent;
  482.  border: none;
  483.  
  484.  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  485.  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  486.  -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  487.  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  488. }
  489.  
  490. /* Footer
  491. ----------------------------------------------- */
  492. .footer-outer {
  493.  color:$(footer.text.color);
  494.  background: $(footer.background);
  495. }
  496.  
  497. .footer-outer a {
  498.  color: $(footer.link.color);
  499. }
  500.  
  501. .footer-outer a:visited {
  502.  color: $(footer.link.visited.color);
  503. }
  504.  
  505. .footer-outer a:hover {
  506.  color: $(footer.link.hover.color);
  507. }
  508.  
  509. .footer-outer .widget h2 {
  510.  color: $(footer.widget.title.text.color);
  511. }
  512.  
  513. /* Mobile
  514. ----------------------------------------------- */
  515. .sidebar .widget h2{
  516. background: url(http://img72.imageshack.us/img72/9580/12322930.png)  no-repeat left;
  517. margin-top:-2px;
  518. margin-left:-19px;
  519. margin-bottom:0px;
  520. padding:15px;
  521. width:100%;
  522. overflow:hidden;
  523. }
  524.  
  525. body.mobile  {
  526.  background-size: 100% auto;
  527. }
  528.  
  529. .mobile .body-fauxcolumn-outer {
  530.  background: $(mobile.background.overlay);
  531. }
  532.  
  533. html .mobile .mobile-date-outer {
  534.  border-bottom: none;
  535.  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  536.  _background-image: none;
  537.  margin-bottom: 10px;
  538. }
  539.  
  540. .mobile .main-cap-top {
  541.  z-index: -1;
  542. }
  543.  
  544. .mobile .content-outer {
  545.  font-size: 100%;
  546. }
  547.  
  548. .mobile .post-outer {
  549.  padding: 10px;
  550. }
  551.  
  552. .mobile .main-cap-top .cap-left {
  553.  background: transparent none no-repeat scroll bottom left;
  554. }
  555.  
  556. .mobile .body-fauxcolumns .cap-top {
  557.  margin: 0;
  558. }
  559.  
  560. .mobile-link-button {
  561.  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  562. }
  563.  
  564. .mobile-link-button a:link, .mobile-link-button a:visited {
  565.  color: $(link.color);
  566. }
  567.  
  568. .mobile-index-date .date-header {
  569.  color: $(date.text.color);
  570. }
  571.  
  572. .mobile-index-contents {
  573.  color: $(body.text.color);
  574. }
  575.  
  576. .mobile .tabs-inner .section {
  577.  margin: 0;
  578. }
  579.  
  580. .mobile .tabs-inner .PageList {
  581.  margin-left: 0;
  582.  margin-right: 0;
  583. }
  584.  
  585. .mobile .tabs-inner .PageList .widget-content {
  586.  margin: 0;
  587.  color: $(tabs.selected.text.color);
  588.  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  589. }
  590.  
  591. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  592.  border-$startSide: 1px solid $(tabs.separator.color);
  593. }
  594. #topo {
  595. width: 100px; /*Largura da imagem do cabeçalho*/
  596. height: 500px; /*Altura do cabeçalho*/
  597. background: url ('http://i1244.photobucket.com/albums/gg563/juh74/pdwww_zps80f58ba6.png') no-repeat;
  598. margin-top: -20px; /*Margem do topo*/
  599. }
  600.  
  601. /*--Container geral--*/
  602. .main_view {
  603. float: left;
  604. position: relative;
  605. }
  606. /*--Estilos do container das imagens--*/
  607. .window {
  608. height:240px; /*-- Altura do Slide (as imagens devem ter a mesma altura */
  609. width: 370px;  /*-- Largura do Slide (as imagens devem ter a mesma largura)-- */
  610. overflow: hidden;
  611. position: relative;
  612. }.image_reel {
  613. position: absolute;
  614. top: 0; left: 0;
  615. }
  616. .image_reel img {
  617. float: left;
  618. }
  619. /*--Estilos do container da numeração(Não precisa mudar nada aqui)--*/
  620. .paging {
  621. position: absolute;
  622. bottom: 40px;
  623. right: -1px;
  624. width: 220px;
  625. height:41px;
  626. z-index: 100;
  627. text-align: center;
  628. line-height: 40px;
  629. -moz-border-radius-topleft: 15px;
  630. -moz-border-radius-bottomleft: 15px;
  631. -webkit-border-radius-bottomleft: 15px;
  632. -webkit-border-radius-topleft: 15px;
  633. display: none;
  634. }
  635. /*--Estilos do link da numeração (Estilo dos numeros)--*/
  636. .paging a {
  637. outline:none;
  638. padding: 5px 10px;
  639. text-decoration: none;
  640. color: #fff;
  641. background: #bad5d9;
  642. -moz-border-radius: 17px;
  643. -khtml-border-radius: 17px;
  644. -webkit-border-radius: 17px;
  645. }
  646. /*--Estilos do link ativo da numeração--*/
  647. .paging a.active {
  648. font-weight: bold;
  649. color: #fff;
  650. background: #b97ac9;
  651. -moz-border-radius: 17px;
  652. -khtml-border-radius: 17px;
  653. -webkit-border-radius: 17px;
  654. }
  655. /*--Estilos do link hover da numeração--*/
  656. .paging a:hover {
  657. font-weight: bold;
  658. }.feed-links {
  659. display: none; }
  660.  
  661. .slidesline {
  662. float: left;
  663. margin-left: -134px;
  664. margin-right: -437px;
  665. margin-top: -377px;
  666. margin-bottom: 0px;
  667. }
  668.  
  669. #menu{
  670. background: url(http://img543.imageshack.us/img543/208/pitwo.png) right ;
  671. width: 110px;
  672. float: left;
  673. height: 20px;
  674. font: 14px Play;
  675. color: #000000;
  676. padding: 2px 0 6px 0;
  677. text-align: center;border-radius: 7px;
  678. margin: 5px;
  679. text-transform: uppercase;
  680. cursor: default;
  681. -moz-transition: all 0.5s ease-out;
  682. -webkit-transition: all 0.5s ease-out;
  683. -o-transition: all 0.5s ease-out;
  684. -ms-transition: all 0.5s ease-out;
  685. transition: all 0.5s ease-out;
  686. }
  687. #menu:hover {
  688. opacity: .95;
  689. background: url(http://img210.imageshack.us/img210/6066/pione.png) left ;
  690. color: #FFFAFA;
  691. }
  692.  
  693. .midnight{
  694. background: #FFFAFA;
  695. font-family: trebuchet ms;
  696. font-size: 11px;
  697. margin: 2px;
  698. color: #000;
  699. display: block;
  700. -moz-box-shadow: inset 4px 0 0px 0 #9400D3;
  701. -webkit-box-shadow: inset 3px 0 0px 0 #9400D3;
  702. box-shadow: inset 3px 0 0px 0 #A020F0;
  703. padding: 3px 3px 3px 6px;
  704. -moz-transition: all 0.4s ease-out;
  705. -webkit-transition: all 0.8s ease-out;
  706. -o-transition: all 0.8s ease-out;
  707. -ms-transition: all 0.8s ease-out;
  708. transition: all 0.8s ease-out;}
  709. .midnight:hover
  710. {-moz-box-shadow: inset 550px 0 0px 0 #9400D3;
  711. -webkit-box-shadow: inset 550px 0 0px 0 #9400D3;
  712. box-shadow: inset 550px 0 0px 0 #A020F0;
  713. color: #FFFAFA;}
  714.  
  715. .destaque  {
  716. float: right;
  717. margin-right: -10px;
  718. margin-top: -5px;
  719. background: url('http://i1244.photobucket.com/albums/gg563/juh74/fre_zps2fdc203b.png');
  720. background-repeat: no-repeat!important;
  721. width: 64px;
  722. height: 25px;}
  723. .boxdestaque:hover .destaque {
  724. background-position: -0px -25px;}
  725. .boxdestaque {
  726. text-align: left;
  727. -webkit-border-radius: 4px;
  728. -moz-border-radius: 4px;
  729. border-radius: 4px;
  730. margin-right: 7px;
  731. background: #eeecec;
  732. padding: 5px;
  733. margin-bottom: 7px; }
  734. .boxdestaque:hover {
  735. background: #f6dce5;
  736. text-shadow: 1px  1px 1px #fff;}
  737. .boxdestaque .title {
  738. color: #BA55D3;
  739. font-size: 13px;
  740. font-weight:none;
  741. font-family: Georgia;
  742. font-style: italic;
  743. -webkit-transition: all 1s ease;
  744. -moz-transition: all 1s ease;
  745. -o-transition: all 1s ease;
  746. transition: all 1s ease;}
  747. .boxdestaque:hover .title{
  748. color: #7797a7;
  749. padding-left: 15px;
  750. -webkit-transition: all 1s ease;
  751. -moz-transition: all 1s ease;
  752. -o-transition: all 1s ease;
  753. transition: all 1s ease;}
  754.  
  755. .search{
  756. float: left;
  757. font-family: Century Gothic !important; /* Fonte do campo de texto*/
  758. }
  759. .searchbar{
  760. height: 20px; /*Altura da caixa*/
  761. width: 190px; /*largura da caixa*/
  762. border-radius:15px;
  763. background:#fff;
  764. text-align:center;
  765. color:#BA55D3 !important; /*cor do texto*/
  766. font: 12px Century Gothic !important; /*fonte do texto*/
  767. }
  768. .searchbut{
  769. background: url('');
  770. width:190px; /*Largura do botão*/
  771. height:20px; /*altura do botão*/
  772. border: 0;
  773. padding:7px;
  774. }
  775.  
  776. .pesquise {
  777. float: left;
  778. margin-left: -170px;
  779. margin-right: -550px;
  780. margin-top: -550px;
  781. margin-bottom: 0px;
  782. }
  783.  
  784. .image_shine{
  785.    width:  50px;
  786.    height: 225px;
  787.    margin-right: 5px;
  788.    margin-bottom: 5px;
  789.    position: relative;
  790.    float: left;
  791.    border: 3px solid #9932CC;
  792. }
  793. .hover_shine{
  794.    width:50px; height: 225px;
  795.    background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);
  796.    position: absolute;
  797.    background-position: -265px 0;
  798.    left:0px; top:0px;
  799.    background-repeat:no-repeat;
  800. }
  801. .hover_shine:hover{
  802.    background-position: 10px 0;
  803.    -webkit-transition: background-position .9s ease;
  804.       -moz-transition: background-position .9s ease;
  805.         -o-transition: background-position .9s ease;
  806.            transition: background-position .9s ease;
  807. }
  808.  
  809. /* Blockquote By Go-Html*/
  810. .post blockquote {
  811. background: #FFC0CB; /* Cor do fundo */
  812. border-top: 5px solid  #9400D3; /* Cor , estilo e espessura da borda */
  813. color:  #000000; /* Cor do texto */
  814. font-family: century gothic; /* Fonte do texto */
  815. font-size: 12px; /* Tamanho da fonte */
  816. text-align: center; /* Centralização do texto */
  817. -webkit-border-bottom-right-radius: 20px;
  818. -webkit-border-bottom-left-radius: 20px;
  819. -moz-border-radius-bottomright: 20px;
  820. -moz-border-radius-bottomleft: 20px;
  821. border-bottom-right-radius: 20px;
  822. border-bottom-left-radius: 20px;
  823. /* Fim do Blockquote By Go-Html */
  824. }
  825.  
  826. .afiliados {
  827. opacity: 0.7;
  828. -webkit-transition: 0.5s;
  829. border-radius:15px;
  830. width: 70px;
  831. height: 70px;
  832. text-align: center;
  833. }
  834. .afiliados:hover {
  835. opacity: 1.0;
  836. }
  837.  
  838. .afiliados1 {
  839. opacity: 0.7;
  840. -webkit-transition: 0.5s;
  841. border-radius:15px;
  842. width: 295px;
  843. height: 50px;
  844. text-align: center;
  845. }
  846. .afiliados1:hover {
  847. opacity: 1.0;
  848. }
  849.  
  850. /* PageNav --------------------------- */
  851. .showpageArea {
  852. font-family:Verdana, Geneva, sans-serif;
  853. color: #000;
  854. font-size:11px;
  855. margin:10px; }
  856. .showpageArea a { padding: 3px 8px;
  857. margin: 2px;
  858. font-weight: 700;
  859. text-decoration: none;
  860. color:#FFFAFA; /* COR DA FONTE DO LINK PRÓXIMA */
  861. border:1px solid #9400D3; /* BORDA DO LINK PRÓXIMA */
  862. background: #9400D3; /* COR DE FUNDO DO LINK PRÓXIMA */ }
  863. .showpageNum a { padding: 3px 8px;
  864. margin:0 4px;
  865. text-decoration: none;
  866. border:1px solid #9400D3; /* BORDA DA NUMERAÇÃO */
  867. background: #9400D3 ; /* COR DE FUNDO DA NUMERAÇÃO */ }
  868. .showpageNum a:hover {
  869. border:1px solid #DDA0DD; /* BORDA DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */
  870. background: #DDA0DD; /* COR DE FUNDO DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */ }
  871. .showpageOf{ margin:0 8px 0 0; }
  872. .showpagePoint {
  873. text-decoration: none;
  874. padding: 3px 8px;
  875. margin: 2px;
  876. font-weight: 700;
  877. border:1px solid #DDA0DD; /* BORDA DA NUMERAÇÃO ATIVA */
  878. background: #DDA0DD; /* COR DE FUNDO DA NUMERAÇÃO ATIVA */
  879. color:#000000; /* COR DA FOONTE DA NUMERAÇÃO ATIVA */ }
  880.  
  881. big {font-size:50px; /*tamanho da fonte*/
  882. font-style:bold;
  883. color: #9400D3; /*Cor da letra*/
  884. line-height:30px; /* altura da linha*/
  885. float:left;}
  886.  
  887. .lista {
  888. margin:0px;
  889. padding:0px;
  890. width:295px; /*largura*/
  891. }
  892. .l-top {
  893. cursor:pointer;
  894. position:relative;
  895. text-align:center;
  896. }
  897. .l-corpo {
  898. padding:10px;
  899. text-align:left;
  900. color:#BA55D3;  /*cor da fonte quando não tem link*/
  901. font-family:Verdana;
  902. font-size:11px;
  903. display:none;
  904. }
  905. .l-corpo a{
  906. color: #9400D3;  /*cor da fonte link*/
  907. text-decoration:none;
  908. }
  909. .l-corpo a:hover{
  910. color: #9370DB
  911. ;  /*cor da fonte ao passar o mouse sobre o link*/
  912. text-decoration:none;
  913. }
  914.  
  915. /*** Rolagem da Vertical da Página ***/
  916. ::-webkit-scrollbar-thumb:vertical {
  917. background: #DA70D6; /*Cor da barrinha que se move*/
  918. border: 1px solid #BA55D3; /*Coloque borda se quiser*/
  919. height:50px;
  920. border-radius: 20px;
  921. -moz-border-radius: 20px;
  922. -webkit-border-radius: 20px;
  923. }
  924. /*** Rolagem da Horizontal da Página***/
  925. ::-webkit-scrollbar-thumb:horizontal {
  926. background-color:#BA55D3; /*Cor da barrinha que se move*/
  927. border: 1px solid #BA55D3; /*Coloque borda se quiser*/
  928. height:10px;
  929. border-radius: 20px;
  930. -moz-border-radius: 20px;
  931. -webkit-border-radius: 20px;
  932. }
  933. /*** Parte fixa da rolagem (fundo que não se move) ***/
  934. ::-webkit-scrollbar {
  935. height:10px;
  936. width:15px; /*Largura da barra de rolagem*/
  937. background: #000000; /*Cor da parte fixa, que fica no mundo*/
  938. border: 1px solid #BA55D3; /*Coloque borda se quiser*/
  939. }
  940.  
  941. /**======================================================================
  942.  
  943.              AREA GERAL DOS COMMENTS
  944.  
  945. ========================================================================**/
  946.  
  947. @font-face {font-family:'Vibur';src:local('Vibur'), url('http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff') format('woff')}
  948.  
  949.  
  950.  
  951. .comments{
  952.  
  953. width:99% !important;       /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
  954.  
  955. margin:0 auto;
  956.  
  957. font-style:normal !important;
  958.  
  959. font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
  960.  
  961. font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
  962.  
  963. background:#D8BFD8 !important /* COR DO FUNDO */;
  964.  
  965. color:#000000;
  966.  
  967. border-radius:10px;
  968.  
  969. }
  970.  
  971.  
  972.  
  973.  
  974.  
  975. /**=======================================================================
  976.  
  977.       HEADING DOS COMMENTS (1 comentario, 2 comentários...)
  978.  
  979. ========================================================================**/
  980.  
  981.  
  982.  
  983. .comments h3,.comments h4{
  984.  
  985. width:98%;
  986.  
  987. padding:7px;
  988.  
  989. margin-bottom:10px;
  990.  
  991. color:#87a;             /* COR DO TEXTO - se preferir troque */
  992.  
  993. font-family:'Vibur' !important;/* FONT-FAMILY - se preferir troque */
  994.  
  995. font-size:33px !important;       /* TAMANHO DO TEXTO - se preferir troque */
  996.  
  997. }
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003. /** ==================================================================
  1004.  
  1005.     BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)
  1006.  
  1007. ====================================================================**/
  1008.  
  1009.  
  1010.  
  1011. .comments .comment-block {
  1012.  
  1013. position:static !important;  /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
  1014.  
  1015. background:transparent !important;         /* COR DO FUNDO */
  1016.  
  1017. margin-left:23px;
  1018.  
  1019. padding:0 0 0 23px;
  1020.  
  1021. border-top:5px #87a solid
  1022.  
  1023. }
  1024.  
  1025.  
  1026.  
  1027. .comments .comments-content .comment {
  1028.  
  1029. padding:30px 10px !important;
  1030.  
  1031. margin-bottom:15px !important;
  1032.  
  1033. }
  1034.  
  1035.  
  1036.  
  1037. /* estilos para o nome do autor do comentário */
  1038.  
  1039. .comments .comments-content .user a,.comments .comments-content .user {
  1040.  
  1041. font-style:normal;
  1042.  
  1043. border:0;
  1044.  
  1045. color:#fff !important;
  1046.  
  1047. text-shadow:0 1px #999;
  1048.  
  1049. font-family:'Vibur';
  1050.  
  1051. font-size:20px;
  1052.  
  1053. background:#87a;
  1054.  
  1055. padding:4px 26px;
  1056.  
  1057. margin-left:-8px;
  1058.  
  1059. border-bottom-right-radius:10px;margin-top:-2px
  1060.  
  1061. }
  1062.  
  1063.  
  1064.  
  1065. /* estilo da data */
  1066.  
  1067. .comments .comments-content .datetime a{
  1068.  
  1069. background:none !important;
  1070.  
  1071. font:bold 11px courier new;
  1072.  
  1073. float:right;
  1074.  
  1075. font-size:9px;
  1076.  
  1077. color:#aaa;
  1078.  
  1079. border:0 !important
  1080.  
  1081. }
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087. /* estilo do avatar */
  1088.  
  1089. .avatar-image-container {
  1090.  
  1091. min-width:60px;  /* determina um minimo de largura */
  1092.  
  1093. min-height:60px; /* determina um minimo de altura */
  1094.  
  1095. border:5px #87a solid; /* borda */
  1096.  
  1097. border-radius:60px;  /* arredondamento */
  1098.  
  1099. padding:0 !important;
  1100.  
  1101. box-shadow:0 0 3px #87a; /* sombra */
  1102.  
  1103. margin-left:-9px !important;
  1104.  
  1105. margin-top:0 !important;
  1106.  
  1107. position:absolute !important;
  1108.  
  1109. overflow:hidden /* hack para evitar serrilhado na imagem */
  1110.  
  1111. }
  1112.  
  1113.  
  1114.  
  1115. .avatar-image-container img {
  1116.  
  1117. margin:0;
  1118.  
  1119. max-height:60px;
  1120.  
  1121. min-height:60px;
  1122.  
  1123. max-width:60px;
  1124.  
  1125. min-width:60px;
  1126.  
  1127. padding:0 !important;
  1128.  
  1129. border-radius:60px;  /* arredondamento */
  1130.  
  1131. overflow:hidden;
  1132.  
  1133. border:0 !important;
  1134.  
  1135. overflow:hidden /* hack para evitar serrilhado na imagem */
  1136.  
  1137. }
  1138.  
  1139.  
  1140.  
  1141. /** ==================================================================
  1142.  
  1143.                    TEXTO DO COMENTÁRIO
  1144.  
  1145. ====================================================================**/
  1146.  
  1147.  
  1148.  
  1149. .comments p{
  1150.  
  1151. border:0 !important;
  1152.  
  1153. font-style:normal !important;
  1154.  
  1155. font-size:12px !important;
  1156.  
  1157. font-family:courier new !important;
  1158.  
  1159. text-shadow:0 0 !important;
  1160.  
  1161. padding-left:30px !important;
  1162.  
  1163. color:#000000 !important
  1164.  
  1165. }
  1166.  
  1167.  
  1168.  
  1169. /** ==================================================================
  1170.  
  1171.                    BOTAO - RESPONDER
  1172.  
  1173. ====================================================================**/
  1174.  
  1175.  
  1176.  
  1177. /* botao responder do segundo nível */
  1178.  
  1179. .comments .continue a {
  1180.  
  1181. background:#fff !important;
  1182.  
  1183. color:#777 !important;
  1184.  
  1185. float:right;
  1186.  
  1187. padding:2px 4px!important;
  1188.  
  1189. height:23px;line-height:23px !important;
  1190.  
  1191. margin-top:-45px !important;
  1192.  
  1193. text-shadow:0 0 !important
  1194.  
  1195. }
  1196.  
  1197.  
  1198.  
  1199. /* botao responder do primeiro nível, mais estilos para o botao do segundo nível */
  1200.  
  1201. .comments .comment .comment-actions a,.comments .continue a {
  1202.  
  1203. font-size:11px !important;
  1204.  
  1205. color:#fff;
  1206.  
  1207. padding:3px 6px;
  1208.  
  1209. border:0 !important;
  1210.  
  1211. line-height:30px;
  1212.  
  1213. margin:5px;
  1214.  
  1215. margin-left:10px;
  1216.  
  1217. font-family:helvetica;
  1218.  
  1219. text-shadow: 0 1px #999;
  1220.  
  1221. border-radius: .5em;
  1222.  
  1223. background: #87a;
  1224.  
  1225. font-weight:800;
  1226.  
  1227. box-shadow:inset 0 1px 2px #666
  1228.  
  1229. }
  1230.  
  1231.  
  1232.  
  1233. /* botao hover*/
  1234.  
  1235. .comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
  1236.  
  1237. text-decoration:none !important;
  1238.  
  1239. padding-bottom:4px
  1240.  
  1241. }
  1242.  
  1243.  
  1244.  
  1245. /* estilos para bloco de respostas */
  1246.  
  1247. .comments .comment-thread.inline-thread {
  1248.  
  1249. background-color:transparent !important;
  1250.  
  1251. padding:0.5em 1em;
  1252.  
  1253. border-radius:5px;
  1254.  
  1255. border:1px #000000 dashed
  1256.  
  1257. }
  1258.  
  1259.  
  1260.  
  1261. .comments .comments-content .comment-replies {
  1262.  
  1263. margin-top:1em;
  1264.  
  1265. margin-left:56px !important
  1266.  
  1267. }
  1268.  
  1269.  
  1270.  
  1271. .comments .continue {
  1272.  
  1273. border-top:0 !important
  1274.  
  1275. }
  1276.  
  1277.  
  1278.  
  1279. .comments .thread-toggle,.icon.blog-author  {display:none !important}
  1280.  
  1281.  
  1282.  
  1283. /** ==================================================================
  1284.  
  1285.          BONUS - estilos para formatação do texto dos comments
  1286.  
  1287. ====================================================================**/
  1288.  
  1289.  
  1290.  
  1291. .comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;font-weight:400}
  1292.  
  1293. .comments .comments-content em{font:normal 12px 'segoe script';color:#fff}
  1294.  
  1295. .comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}
  1296.  
  1297. .comments .comments-content strong {margin:10px 0;border:1px #fff solid;background:url(http://2.bp.blogspot.com/-rRFTCvBi0A4/TwXcVciZO0I/AAAAAAAAWzM/K2dXpNdjcaw/s1600/code.jpg);overflow:auto;width:98%;position:relative;border-radius:10px;box-shadow:0 0 5px rgb(199,198,166);color:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}
  1298.  
  1299.  
  1300.  
  1301.  
  1302.  
  1303. /** ==================================================================
  1304.  
  1305.         Fim [by Gizaa// http://candylland.blogspot.com]
  1306.  
  1307. ====================================================================**/
  1308.  
  1309. /*caixa dos códigos*/
  1310. code{
  1311. overflow:auto;  /* barra de rolagem*/
  1312. border: 1px solid #9400D3; /* cor da borda */
  1313. background-color: #F8F8FF; /* cor de fundo */
  1314. padding: 10px;
  1315. font-size: 12px; /*tamanho da fonte */
  1316. color: #C71585; /* cor da fonte */
  1317. text-align: left;
  1318. -webkit-border-radius: 0px 9px 0px 9px; /*Pontinhas da Borda - não modifique se qusier o formato igual ao blockquote acima */
  1319. box-shadow: -2px 4px 15px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
  1320. -moz-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
  1321. -webkit-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
  1322. -khtml-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
  1323. height:80px; /* edite a altura máxima da caixa*/
  1324. display:block;
  1325. white-space:pre;
  1326. word-wrap:break-word;
  1327. padding:0 10px 5px 20px;
  1328. }
  1329.  
  1330. .sombra-text {
  1331. text-shadow: 2px 3px 4px #000; /*--- Edite  ---*/
  1332. color: #9400D3;  /*--- Edite cor ---*/
  1333. font-size: 12px;  /*--- Edite tamanho da fonte ---*/
  1334. }
  1335.  
  1336. img {
  1337. -webkit-filter: sepia(0%);
  1338. transition:All 0.4s ease;
  1339. -webkit-transition:All 1s ease;
  1340. -moz-transition:All 1s ease;
  1341. -o-transition:All 1s ease;
  1342. }
  1343. img:hover {
  1344. -webkit-filter: sepia(100%);
  1345. transition:All 1s ease;
  1346. -webkit-transition:All 1s ease;
  1347. -moz-transition:All 1s ease;
  1348. -o-transition:All 1s ease;}
  1349.  
  1350. @-webkit-keyframes shake {
  1351. 0% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
  1352.  
  1353. 25% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}
  1354.  
  1355. 50% {transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);}
  1356.  
  1357. 75% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}
  1358.  
  1359. 100% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
  1360.  
  1361. }
  1362. .shake {-webkit-transition: .9s; border-radius: 5px;}
  1363. .shake:hover {-webkit-animation: shake .9s alternate ease;}
  1364.  
  1365. b {color: #9400D3;} /* Cor do texto em NEGRITO */
  1366. b:hover {color: #FF00FF;} /* Cor do texto quando passa o mouse no texto em NEGRITO */
  1367.  
  1368. u {color: #DB7093;} /* Cor do texto em SUBLINHADO */
  1369. u:hover {color: #FF69B4;} /* Cor do texto quando passa o mouse no texto em SUBLINHADO */
  1370.  
  1371. i {color: #A020F0;} /* Cor do texto em ITÁLICO */
  1372. i:hover {color: #D02090;} /* Cor do texto quando passa o mouse no texto em ITÁLICO */
  1373.  
  1374. ::-moz-selection {
  1375. background:#9400D3; /*Cor do fundo*/
  1376. color:#FFFAFA; /*Cor da fonte*/
  1377. }
  1378. ::selection {
  1379. background:#9400D3;/*Cor do fundo*/
  1380. color:#FFFAFA; /*Cor da fonte*/
  1381. }
  1382. u{ text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF1493; }
  1383.  
  1384.  
  1385. ]]></b:skin>
  1386.  
  1387.     <b:template-skin>
  1388.       <b:variable default='960px' name='content.width' type='length' value='1030px'/>
  1389.       <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  1390.       <b:variable default='310px' name='main.column.right.width' type='length' value='345px'/>
  1391.  
  1392.       <![CDATA[
  1393.      body {
  1394.        min-width: $(content.width);
  1395.      }
  1396.  
  1397.      .content-outer, .content-fauxcolumn-outer, .region-inner {
  1398.        min-width: $(content.width);
  1399.        max-width: $(content.width);
  1400.        _width: $(content.width);
  1401.      }
  1402.  
  1403.      .main-inner .columns {
  1404.        padding-left: $(main.column.left.width);
  1405.        padding-right: $(main.column.right.width);
  1406.      }
  1407.  
  1408.      .main-inner .fauxcolumn-center-outer {
  1409.        left: $(main.column.left.width);
  1410.        right: $(main.column.right.width);
  1411.        /* IE6 does not respect left and right together */
  1412.        _width: expression(this.parentNode.offsetWidth -
  1413.            parseInt("$(main.column.left.width)") -
  1414.            parseInt("$(main.column.right.width)") + 'px');
  1415.      }
  1416.  
  1417.      .main-inner .fauxcolumn-left-outer {
  1418.        width: $(main.column.left.width);
  1419.      }
  1420.  
  1421.      .main-inner .fauxcolumn-right-outer {
  1422.        width: $(main.column.right.width);
  1423.      }
  1424.  
  1425.      .main-inner .column-left-outer {
  1426.        width: $(main.column.left.width);
  1427.        right: 100%;
  1428.        margin-left: -$(main.column.left.width);
  1429.      }
  1430.  
  1431.      .main-inner .column-right-outer {
  1432.        width: $(main.column.right.width);
  1433.        margin-right: -$(main.column.right.width);
  1434. background: url(http://img99.imageshack.us/img99/2341/fundobranccoo.png) repeat;
  1435. border-radius: 10px; /* Para Opera 10.5+*/
  1436.      }
  1437.  
  1438.      #layout {
  1439.        min-width: 0;
  1440.      }
  1441.  
  1442.      #layout .content-outer {
  1443.        min-width: 0;
  1444.        width: 800px;
  1445.      }
  1446.  
  1447.      #layout .region-inner {
  1448.        min-width: 0;
  1449.        width: auto;
  1450.      }
  1451.      ]]>
  1452.     </b:template-skin>
  1453.  
  1454. <script src='http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js' type='text/javascript'/>
  1455. <script type='text/javascript'>
  1456. $(document).ready(function(){
  1457. $(&quot;.l-corpo&quot;).hide();
  1458. $(&quot;.l-top&quot;).click(function(){
  1459. $(this).next(&quot;.l-corpo&quot;).slideToggle(&#39;fast&#39;);
  1460. }); }); </script>
  1461.  
  1462.   </head>
  1463.  
  1464. <!-- JavaScript Slider Horizontal - Inicio-->
  1465. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
  1466. <script type='text/javascript'>
  1467. $(document).ready(function() {
  1468.  
  1469.  //Set Default State of each portfolio piece
  1470.  $(&quot;.paging&quot;).show();
  1471.  $(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);
  1472.  
  1473.  //Get size of images, how many there are, then determin the size of the image reel.
  1474.  var imageWidth = $(&quot;.window&quot;).width();
  1475.  var imageSum = $(&quot;.image_reel img&quot;).size();
  1476.  var imageReelWidth = imageWidth * imageSum;
  1477.  
  1478.  //Adjust the image reel to its new size
  1479.  $(&quot;.image_reel&quot;).css({&#39;width&#39; : imageReelWidth});
  1480.  
  1481.  //Paging + Slider Function
  1482.  rotate = function(){
  1483.   var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
  1484.   var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
  1485.  
  1486.   $(&quot;.paging a&quot;).removeClass(&#39;active&#39;); //Remove all active class
  1487.   $active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)
  1488.  
  1489.   //Slider Animation
  1490.   $(&quot;.image_reel&quot;).animate({
  1491.    left: -image_reelPosition
  1492.   }, 500 );
  1493.  
  1494.  };
  1495.  
  1496.  //Rotation + Timing Event
  1497.  rotateSwitch = function(){  
  1498.   play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
  1499.    $active = $(&#39;.paging a.active&#39;).next();
  1500.    if ( $active.length === 0) { //If paging reaches the end...
  1501.     $active = $(&#39;.paging a:first&#39;); //go back to first
  1502.    }
  1503.    rotate(); //Trigger the paging and slider function
  1504.   }, 7000); //Timer speed in milliseconds (3 seconds)
  1505.  };
  1506.  
  1507.  rotateSwitch(); //Run function on launch
  1508.  
  1509.  //On Hover
  1510.  $(&quot;.image_reel a&quot;).hover(function() {
  1511.   clearInterval(play); //Stop the rotation
  1512.  }, function() {
  1513.   rotateSwitch(); //Resume rotation
  1514.  });
  1515.  
  1516.  //On Click
  1517.  $(&quot;.paging a&quot;).click(function() {
  1518.   $active = $(this); //Activate the clicked paging
  1519.   //Reset Timer
  1520.   clearInterval(play); //Stop the rotation
  1521.   rotate(); //Trigger rotation immediately
  1522.   rotateSwitch(); // Resume rotation
  1523.   return false; //Prevent browser jump to link anchor
  1524.  });
  1525.  
  1526. });
  1527.  
  1528. </script>
  1529. <!-- JavaScript Slider Horizonta - Fim-->
  1530.  
  1531.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  1532.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  1533. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  1534. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  1535.     function setAttributeOnload(object, attribute, val) {
  1536.       if(window.addEventListener) {
  1537.         window.addEventListener(&#39;load&#39;,
  1538.           function(){ object[attribute] = val; }, false);
  1539.       } else {
  1540.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  1541.       }
  1542.     }
  1543.   &lt;/script&gt;
  1544. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  1545. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  1546. &lt;script type=&quot;text/javascript&quot;&gt;
  1547.         gapi.load(&quot;iframes-styles-bubble&quot;, function() {
  1548.           if (window.iframes &amp;&amp; iframes.open) {
  1549.             iframes.open(
  1550.                 &#39;//www.blogger.com/navbar.g?targetBlogID\0752685714962263300374\46blogName\75Loucos+Por+Anime\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://wwwloucosporanime.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://wwwloucosporanime.blogspot.com/\46vt\75-1723003428050513071&#39;,
  1551.                 {
  1552.                   container: &quot;navbar-iframe-container&quot;,
  1553.                   id: &quot;navbar-iframe&quot;
  1554.                 },
  1555.                 {
  1556.                 });
  1557.           }
  1558.         });
  1559.       &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  1560. (function() {
  1561. var script = document.createElement(&#39;script&#39;);
  1562. script.type = &#39;text/javascript&#39;;
  1563. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  1564. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  1565. if (head) {
  1566. head.appendChild(script);
  1567. }})();
  1568. &lt;/script&gt;
  1569. </b:includable>
  1570. </b:widget>
  1571. </b:section>
  1572.  
  1573.   <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1574.     <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  1575.       <meta expr:content='data:blog.title' itemprop='name'/>
  1576.       <b:if cond='data:blog.metaDescription'>
  1577.         <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  1578.       </b:if>
  1579.     </div>
  1580.   </b:if>
  1581.  
  1582.   <div class='body-fauxcolumns'>
  1583.     <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  1584.     <div class='cap-top'>
  1585.       <div class='cap-left'/>
  1586.       <div class='cap-right'/>
  1587.     </div>
  1588.     <div class='fauxborder-left'>
  1589.     <div class='fauxborder-right'/>
  1590.     <div class='fauxcolumn-inner'>
  1591.     </div>
  1592.     </div>
  1593.     <div class='cap-bottom'>
  1594.       <div class='cap-left'/>
  1595.       <div class='cap-right'/>
  1596.     </div>
  1597.     </div>
  1598.   </div>
  1599.  
  1600.   <div class='content'>
  1601.   <div class='content-fauxcolumns'>
  1602.     <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  1603.     <div class='cap-top'>
  1604.       <div class='cap-left'/>
  1605.       <div class='cap-right'/>
  1606.     </div>
  1607.     <div class='fauxborder-left'>
  1608.     <div class='fauxborder-right'/>
  1609.     <div class='fauxcolumn-inner'>
  1610.     </div>
  1611.     </div>
  1612.     <div class='cap-bottom'>
  1613.       <div class='cap-left'/>
  1614.       <div class='cap-right'/>
  1615.     </div>
  1616.     </div>
  1617.   </div>
  1618.  
  1619.   <div class='content-outer'>
  1620.   <div class='content-cap-top cap-top'>
  1621.     <div class='cap-left'/>
  1622.     <div class='cap-right'/>
  1623.   </div>
  1624.   <div class='fauxborder-left content-fauxborder-left'>
  1625.   <div class='fauxborder-right content-fauxborder-right'/>
  1626.   <div class='content-inner'>
  1627.  
  1628.     <header>
  1629.     <div class='header-outer'>
  1630.     <div class='header-cap-top cap-top'>
  1631.       <div class='cap-left'/>
  1632.       <div class='cap-right'/>
  1633.     </div>
  1634.     <div class='fauxborder-left header-fauxborder-left'>
  1635.     <div class='fauxborder-right header-fauxborder-right'/>
  1636.     <div class='region-inner header-inner'>
  1637.       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  1638. <b:widget id='Header1' locked='false' title='Loucos Por Anime (Cabeçalho)' type='Header'>
  1639. <b:includable id='main'>
  1640.  
  1641.   <b:if cond='data:useImage'>
  1642.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1643.       <!--
  1644.      Show image as background to text. You can't really calculate the width
  1645.      reliably in JS because margins are not taken into account by any of
  1646.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1647.      width if the user is using shrink to fit.
  1648.      This results in a margin-width's worth of pixels being cropped. If the
  1649.      user is not using shrink to fit then we expand the header.
  1650.      -->
  1651.       <b:if cond='data:mobile'>
  1652.           <div id='header-inner'>
  1653.             <div class='titlewrapper' style='background: transparent'>
  1654.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1655.                 <b:include name='title'/>
  1656.               </h1>
  1657.             </div>
  1658.             <b:include name='description'/>
  1659.           </div>
  1660.         <b:else/>
  1661.           <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1662.             <div class='titlewrapper' style='background: transparent'>
  1663.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1664.                 <b:include name='title'/>
  1665.               </h1>
  1666.             </div>
  1667.             <b:include name='description'/>
  1668.           </div>
  1669.         </b:if>
  1670.     <b:else/>
  1671.       <!--Show the image only-->
  1672.       <div id='header-inner'>
  1673.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  1674.           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  1675.         </a>
  1676.         <!--Show the description-->
  1677.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1678.           <b:include name='description'/>
  1679.         </b:if>
  1680.       </div>
  1681.     </b:if>
  1682.   <b:else/>
  1683.     <!--No header image -->
  1684.     <div id='header-inner'>
  1685.       <div class='titlewrapper'>
  1686.         <h1 class='title'>
  1687.           <b:include name='title'/>
  1688.         </h1>
  1689.       </div>
  1690.       <b:include name='description'/>
  1691.     </div>
  1692.   </b:if>
  1693. </b:includable>
  1694. <b:includable id='title'>
  1695.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1696.     <data:title/>
  1697.   <b:else/>
  1698.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1699.   </b:if>
  1700. </b:includable>
  1701. <b:includable id='description'>
  1702.   <div class='descriptionwrapper'>
  1703.     <p class='description'><span><data:description/></span></p>
  1704.   </div>
  1705. </b:includable>
  1706. </b:widget>
  1707. </b:section>
  1708.     </div>
  1709.     </div>
  1710.     <div class='header-cap-bottom cap-bottom'>
  1711.       <div class='cap-left'/>
  1712.       <div class='cap-right'/>
  1713.     </div>
  1714.     </div>
  1715.     </header>
  1716.  
  1717.     <div class='tabs-outer'>
  1718.     <div class='tabs-cap-top cap-top'>
  1719.       <div class='cap-left'/>
  1720.       <div class='cap-right'/>
  1721.     </div>
  1722.     <div class='fauxborder-left tabs-fauxborder-left'>
  1723.     <div class='fauxborder-right tabs-fauxborder-right'/>
  1724.     <div class='region-inner tabs-inner'>
  1725.       <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
  1726. <b:widget id='HTML4' locked='false' title='' type='HTML'>
  1727. <b:includable id='main'>
  1728.   <!-- only display title if it's non-empty -->
  1729.   <b:if cond='data:title != &quot;&quot;'>
  1730.     <h2 class='title'><data:title/></h2>
  1731.   </b:if>
  1732.   <div class='widget-content'>
  1733.     <data:content/>
  1734.   </div>
  1735.  
  1736.   <b:include name='quickedit'/>
  1737. </b:includable>
  1738. </b:widget>
  1739. </b:section>
  1740.       <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  1741.     </div>
  1742.     </div>
  1743.     <div class='tabs-cap-bottom cap-bottom'>
  1744.       <div class='cap-left'/>
  1745.       <div class='cap-right'/>
  1746.     </div>
  1747.     </div>
  1748.  
  1749.     <div class='main-outer'>
  1750.     <div class='main-cap-top cap-top'>
  1751.       <div class='cap-left'/>
  1752.       <div class='cap-right'/>
  1753.     </div>
  1754.  
  1755.     <div class='fauxborder-left main-fauxborder-left'>
  1756.     <div class='fauxborder-right main-fauxborder-right'/>
  1757.     <div class='region-inner main-inner'>
  1758.  
  1759.       <div class='columns fauxcolumns'>
  1760.  
  1761.         <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  1762.         <div class='cap-top'>
  1763.           <div class='cap-left'/>
  1764.           <div class='cap-right'/>
  1765.         </div>
  1766.         <div class='fauxborder-left'>
  1767.         <div class='fauxborder-right'/>
  1768.         <div class='fauxcolumn-inner'>
  1769.         </div>
  1770.         </div>
  1771.         <div class='cap-bottom'>
  1772.           <div class='cap-left'/>
  1773.           <div class='cap-right'/>
  1774.         </div>
  1775.         </div>
  1776.  
  1777.         <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  1778.         <div class='cap-top'>
  1779.           <div class='cap-left'/>
  1780.           <div class='cap-right'/>
  1781.         </div>
  1782.         <div class='fauxborder-left'>
  1783.         <div class='fauxborder-right'/>
  1784.         <div class='fauxcolumn-inner'>
  1785.         </div>
  1786.         </div>
  1787.         <div class='cap-bottom'>
  1788.           <div class='cap-left'/>
  1789.           <div class='cap-right'/>
  1790.         </div>
  1791.         </div>
  1792.  
  1793.         <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  1794.         <div class='cap-top'>
  1795.           <div class='cap-left'/>
  1796.           <div class='cap-right'/>
  1797.         </div>
  1798.         <div class='fauxborder-left'>
  1799.         <div class='fauxborder-right'/>
  1800.         <div class='fauxcolumn-inner'>
  1801.         </div>
  1802.         </div>
  1803.         <div class='cap-bottom'>
  1804.           <div class='cap-left'/>
  1805.           <div class='cap-right'/>
  1806.         </div>
  1807.         </div>
  1808.  
  1809.         <!-- corrects IE6 width calculation -->
  1810.         <div class='columns-inner'>
  1811.  
  1812.         <div class='column-center-outer'>
  1813.         <div class='column-center-inner'>
  1814.           <b:section class='main' id='main' showaddelement='no'>
  1815. <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'>
  1816. <b:includable id='nextprev'>
  1817.  <div id='blog-pager'>
  1818.  <b:if cond='data:newerPageUrl'>
  1819.  <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
  1820.  <img src='http://img713.imageshack.us/img713/3561/pseee.png'/></a>
  1821. </b:if>
  1822. <b:if cond='data:olderPageUrl'>
  1823. <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
  1824. <img src='http://img401.imageshack.us/img401/9329/psee.png'/></a>
  1825. </b:if>
  1826. <a class='home-link' expr:href='data:blog.homepageUrl' title='página inicial'>
  1827. <img src='http://img822.imageshack.us/img822/7189/psel.png'/></a>
  1828. </div>
  1829. <div class='clear'/>
  1830. </b:includable>
  1831. <b:includable id='shareButtons' var='post'>
  1832.   <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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1833. </b:includable>
  1834. <b:includable id='threaded_comment_js' var='post'>
  1835.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1836.  
  1837.   <script type='text/javascript'>
  1838.     (function() {
  1839.       var items = <data:post.commentJso/>;
  1840.       var msgs = <data:post.commentMsgs/>;
  1841.       var config = <data:post.commentConfig/>;
  1842.  
  1843. // <![CDATA[
  1844.      var cursor = null;
  1845.      if (items && items.length > 0) {
  1846.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1847.      }
  1848.  
  1849.      var bodyFromEntry = function(entry) {
  1850.        if (entry.gd$extendedProperty) {
  1851.          for (var k in entry.gd$extendedProperty) {
  1852.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1853.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1854.            }
  1855.          }
  1856.        }
  1857.        return entry.content.$t;
  1858.      }
  1859.  
  1860.      var parse = function(data) {
  1861.        cursor = null;
  1862.        var comments = [];
  1863.        if (data && data.feed && data.feed.entry) {
  1864.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1865.            var comment = {};
  1866.            // comment ID, parsed out of the original id format
  1867.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1868.            comment.id = id ? id[2] : null;
  1869.            comment.body = bodyFromEntry(entry);
  1870.            comment.timestamp = Date.parse(entry.published.$t) + '';
  1871.            if (entry.author && entry.author.constructor === Array) {
  1872.              var auth = entry.author[0];
  1873.              if (auth) {
  1874.                comment.author = {
  1875.                  name: (auth.name ? auth.name.$t : undefined),
  1876.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1877.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1878.                };
  1879.              }
  1880.            }
  1881.            if (entry.link) {
  1882.              if (entry.link[2]) {
  1883.                comment.link = comment.permalink = entry.link[2].href;
  1884.              }
  1885.              if (entry.link[3]) {
  1886.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1887.                if (pid && pid[1]) {
  1888.                  comment.parentId = pid[1];
  1889.                }
  1890.              }
  1891.            }
  1892.            comment.deleteclass = 'item-control blog-admin';
  1893.            if (entry.gd$extendedProperty) {
  1894.              for (var k in entry.gd$extendedProperty) {
  1895.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1896.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1897.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1898.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1899.                }
  1900.              }
  1901.            }
  1902.            comments.push(comment);
  1903.          }
  1904.        }
  1905.        return comments;
  1906.      };
  1907.  
  1908.      var paginator = function(callback) {
  1909.        if (hasMore()) {
  1910.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1911.          if (cursor) {
  1912.            url += '&published-min=' + new Date(cursor).toISOString();
  1913.          }
  1914.          window.bloggercomments = function(data) {
  1915.            var parsed = parse(data);
  1916.            cursor = parsed.length < 50 ? null
  1917.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1918.            callback(parsed);
  1919.            window.bloggercomments = null;
  1920.          }
  1921.          url += '&callback=bloggercomments';
  1922.          var script = document.createElement('script');
  1923.          script.type = 'text/javascript';
  1924.          script.src = url;
  1925.          document.getElementsByTagName('head')[0].appendChild(script);
  1926.        }
  1927.      };
  1928.      var hasMore = function() {
  1929.        return !!cursor;
  1930.      };
  1931.      var getMeta = function(key, comment) {
  1932.        if ('iswriter' == key) {
  1933.          var matches = !!comment.author
  1934.              && comment.author.name == config.authorName
  1935.              && comment.author.profileUrl == config.authorUrl;
  1936.          return matches ? 'true' : '';
  1937.        } else if ('deletelink' == key) {
  1938.          return config.baseUri + '/delete-comment.g?blogID='
  1939.               + config.blogId + '&postID=' + comment.id;
  1940.        } else if ('deleteclass' == key) {
  1941.          return comment.deleteclass;
  1942.        }
  1943.        return '';
  1944.      };
  1945.  
  1946.      var replybox = null;
  1947.      var replyUrlParts = null;
  1948.      var replyParent = undefined;
  1949.  
  1950.      var onReply = function(commentId, domId) {
  1951.        if (replybox == null) {
  1952.          // lazily cache replybox, and adjust to suit this style:
  1953.          replybox = document.getElementById('comment-editor');
  1954.          if (replybox != null) {
  1955.            replybox.height = '250px';
  1956.            replybox.style.display = 'block';
  1957.            replyUrlParts = replybox.src.split('#');
  1958.          }
  1959.        }
  1960.        if (replybox && (commentId !== replyParent)) {
  1961.          document.getElementById(domId).insertBefore(replybox, null);
  1962.          replybox.src = replyUrlParts[0]
  1963.              + (commentId ? '&parentID=' + commentId : '')
  1964.              + '#' + replyUrlParts[1];
  1965.          replyParent = commentId;
  1966.        }
  1967.      };
  1968.  
  1969.      var hash = (window.location.hash || '#').substring(1);
  1970.      var startThread, targetComment;
  1971.      if (/^comment-form_/.test(hash)) {
  1972.        startThread = hash.substring('comment-form_'.length);
  1973.      } else if (/^c[0-9]+$/.test(hash)) {
  1974.        targetComment = hash.substring(1);
  1975.      }
  1976.  
  1977.      // Configure commenting API:
  1978.      var configJso = {
  1979.        'maxDepth': config.maxThreadDepth
  1980.      };
  1981.      var provider = {
  1982.        'id': config.postId,
  1983.        'data': items,
  1984.        'loadNext': paginator,
  1985.        'hasMore': hasMore,
  1986.        'getMeta': getMeta,
  1987.        'onReply': onReply,
  1988.        'rendered': true,
  1989.        'initComment': targetComment,
  1990.        'initReplyThread': startThread,
  1991.        'config': configJso,
  1992.        'messages': msgs
  1993.      };
  1994.  
  1995.      var render = function() {
  1996.        if (window.goog && window.goog.comments) {
  1997.          var holder = document.getElementById('comment-holder');
  1998.          window.goog.comments.render(holder, provider);
  1999.        }
  2000.      };
  2001.  
  2002.      // render now, or queue to render when library loads:
  2003.      if (window.goog && window.goog.comments) {
  2004.        render();
  2005.      } else {
  2006.        window.goog = window.goog || {};
  2007.        window.goog.comments = window.goog.comments || {};
  2008.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2009.        window.goog.comments.loadQueue.push(render);
  2010.      }
  2011.    })();
  2012. // ]]>
  2013.   </script>
  2014. </b:includable>
  2015. <b:includable id='backlinks' var='post'>
  2016.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  2017.   <b:if cond='data:post.numBacklinks != 0'>
  2018.     <dl class='comments-block' id='comments-block'>
  2019.       <b:loop values='data:post.backlinks' var='backlink'>
  2020.         <div class='collapsed-backlink backlink-control'>
  2021.           <dt class='comment-title'>
  2022.             <span class='backlink-toggle-zippy'>&#160;</span>
  2023.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  2024.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  2025.           </dt>
  2026.           <dd class='comment-body collapseable'>
  2027.             <data:backlink.snippet/>
  2028.           </dd>
  2029.           <dd class='comment-footer collapseable'>
  2030.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  2031.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  2032.           </dd>
  2033.         </div>
  2034.       </b:loop>
  2035.     </dl>
  2036.   </b:if>
  2037.   <p class='comment-footer'>
  2038.     <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>
  2039.   </p>
  2040. </b:includable>
  2041. <b:includable id='comment_count_picker' var='post'>
  2042.   <b:if cond='data:post.forceIframeComments'>
  2043.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  2044.     </span>
  2045.   <b:else/>
  2046.     <b:if cond='data:post.commentSource == 1'>
  2047.       <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  2048.       </span>
  2049.     <b:else/>
  2050.       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2051.         <data:post.commentLabelFull/>:
  2052.       </a>
  2053.     </b:if>
  2054.   </b:if>
  2055. </b:includable>
  2056. <b:includable id='mobile-main' var='top'>
  2057.     <!-- posts -->
  2058.     <div class='blog-posts hfeed'>
  2059.  
  2060.       <b:include data='top' name='status-message'/>
  2061.  
  2062.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2063.         <b:loop values='data:posts' var='post'>
  2064.           <b:include data='post' name='mobile-index-post'/>
  2065.         </b:loop>
  2066.       <b:else/>
  2067.         <b:loop values='data:posts' var='post'>
  2068.           <b:include data='post' name='mobile-post'/>
  2069.         </b:loop>
  2070.       </b:if>
  2071.     </div>
  2072.  
  2073.    <b:include name='mobile-nextprev'/>
  2074. </b:includable>
  2075. <b:includable id='post' var='post'>
  2076.   <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2077.     <b:if cond='data:post.thumbnailUrl'>
  2078.       <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  2079.     </b:if>
  2080.     <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  2081.     <meta expr:content='data:post.id' itemprop='postId'/>
  2082.  
  2083.     <a expr:name='data:post.id'/>
  2084.     <b:if cond='data:post.title'>
  2085.       <h3 class='post-title entry-title' itemprop='name'>
  2086.       <b:if cond='data:post.link'>
  2087.         <a expr:href='data:post.link'><data:post.title/></a>
  2088.       <b:else/>
  2089.         <b:if cond='data:post.url'>
  2090.           <b:if cond='data:blog.url != data:post.url'>
  2091.             <a expr:href='data:post.url'><data:post.title/></a>
  2092.           <b:else/>
  2093.             <data:post.title/>
  2094.           </b:if>
  2095.         <b:else/>
  2096.           <data:post.title/>
  2097.         </b:if>
  2098.       </b:if>
  2099.       </h3>
  2100.     </b:if>
  2101.  
  2102.     <div class='post-header'>
  2103.     <div class='post-header-line-1'><span class='post-labels'>
  2104.         <b:if cond='data:post.labels'>
  2105.           <data:postLabelsLabel/>
  2106.           <b:loop values='data:post.labels' var='label'>
  2107.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2108.           </b:loop>
  2109.         </b:if>
  2110.       </span> <span class='post-author vcard'>
  2111.         <b:if cond='data:top.showAuthor'>
  2112.           <data:top.authorLabel/>
  2113.             <b:if cond='data:post.authorProfileUrl'>
  2114.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2115.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2116.                 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2117.                   <span itemprop='name'><data:post.author/></span>
  2118.                 </a>
  2119.               </span>
  2120.             <b:else/>
  2121.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2122.                 <span itemprop='name'><data:post.author/></span>
  2123.               </span>
  2124.             </b:if>
  2125.         </b:if>
  2126.       </span> </div>
  2127.     </div>
  2128.  
  2129.     <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  2130.       <!-- Then use the post body as the schema.org description,
  2131.          for good G+/FB snippeting. -->
  2132.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  2133.         <data:post.body/>
  2134.         <div style='clear: both;'/> <!-- clear for photos floats -->
  2135.       </div>
  2136.     <b:else/>
  2137.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2138.         <data:post.body/>
  2139.         <div style='clear: both;'/> <!-- clear for photos floats -->
  2140.       </div>
  2141.     </b:if>
  2142.  
  2143.     <b:if cond='data:post.hasJumpLink'>
  2144.       <div class='jump-link'>
  2145.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><p align='right'><a expr:href='data:post.url'><img src='http://img607.imageshack.us/img607/7056/vou.png'/></a></p> </a>
  2146.       </div>
  2147.     </b:if>
  2148.  
  2149.     <div class='post-footer'>
  2150.     <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>
  2151.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2152.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2153.             <b:if cond='data:post.allowComments'>
  2154.               <b:include data='post' name='comment_count_picker'/>
  2155.             </b:if>
  2156.           </b:if>
  2157.         </b:if>
  2158.       </span> <span class='post-icons'>
  2159.         <!-- email post links -->
  2160.         <b:if cond='data:post.emailPostUrl'>
  2161.           <span class='item-action'>
  2162.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  2163.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  2164.           </a>
  2165.           </span>
  2166.         </b:if>
  2167.  
  2168.         <!-- quickedit pencil -->
  2169.         <b:include data='post' name='postQuickEdit'/>
  2170.       </span> </div>
  2171.  
  2172.       <div class='post-footer-line post-footer-line-2'><div class='post-share-buttons goog-inline-block'>
  2173.         <b:if cond='data:post.sharePostUrl'>
  2174.           <b:include data='post' name='shareButtons'/>
  2175.         </b:if>
  2176.       </div> </div>
  2177.  
  2178.       <div class='post-footer-line post-footer-line-3'/>
  2179.     </div>
  2180.   </div>
  2181. </b:includable>
  2182. <b:includable id='comment_picker' var='post'>
  2183.   <b:if cond='data:post.forceIframeComments'>
  2184.     <b:include data='post' name='iframe_comments'/>
  2185.     <b:if cond='data:post.showThreadedComments'>
  2186.       <b:include data='post' name='threaded_comments'/>
  2187.     <b:else/>
  2188.       <b:include data='post' name='comments'/>
  2189.     </b:if>
  2190.   <b:else/>
  2191.     <b:if cond='data:post.commentSource == 1'>
  2192.       <b:include data='post' name='iframe_comments'/>
  2193.     <b:else/>
  2194.       <b:if cond='data:post.showThreadedComments'>
  2195.         <b:include data='post' name='threaded_comments'/>
  2196.       <b:else/>
  2197.         <b:include data='post' name='comments'/>
  2198.       </b:if>
  2199.     </b:if>
  2200.   </b:if>
  2201. </b:includable>
  2202. <b:includable id='status-message'>
  2203.   <b:if cond='data:navMessage'>
  2204.   <div class='status-msg-wrap'>
  2205.     <div class='status-msg-body'>
  2206.       <data:navMessage/>
  2207.     </div>
  2208.     <div class='status-msg-border'>
  2209.       <div class='status-msg-bg'>
  2210.         <div class='status-msg-hidden'><data:navMessage/></div>
  2211.       </div>
  2212.     </div>
  2213.   </div>
  2214.   <div style='clear: both;'/>
  2215.   </b:if>
  2216. </b:includable>
  2217. <b:includable id='comment-form' var='post'>
  2218.   <div class='comment-form'>
  2219.     <a name='comment-form'/>
  2220.     <b:if cond='data:mobile'>
  2221.       <h4 id='comment-post-message'>
  2222.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  2223.       <p><data:blogCommentMessage/></p>
  2224.       <data:blogTeamBlogMessage/>
  2225.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2226.       <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%'/>
  2227.     <b:else/>
  2228.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  2229.       <p><data:blogCommentMessage/></p>
  2230.       <data:blogTeamBlogMessage/>
  2231.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2232.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2233.     </b:if>
  2234.     <data:post.friendConnectJs/>
  2235.     <data:post.cmtfpIframe/>
  2236.     <script type='text/javascript'>
  2237.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2238.     </script>
  2239.   </div>
  2240. </b:includable>
  2241. <b:includable id='threaded_comments' var='post'>
  2242.   <div class='comments' id='comments'>
  2243.     <a name='comments'/>
  2244.     <h4><data:post.commentLabelFull/>:</h4>
  2245.  
  2246.     <div class='comments-content'>
  2247.       <b:if cond='data:post.embedCommentForm'>
  2248.         <b:include data='post' name='threaded_comment_js'/>
  2249.       </b:if>
  2250.       <div id='comment-holder'>
  2251.          <data:post.commentHtml/>
  2252.       </div>
  2253.     </div>
  2254.  
  2255.     <p class='comment-footer'>
  2256.       <b:if cond='data:post.allowNewComments'>
  2257.         <b:include data='post' name='threaded-comment-form'/>
  2258.       <b:else/>
  2259.         <data:post.noNewCommentsText/>
  2260.       </b:if>
  2261.     </p>
  2262.  
  2263.     <b:if cond='data:showCmtPopup'>
  2264.       <div id='comment-popup'>
  2265.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2266.         </iframe>
  2267.       </div>
  2268.     </b:if>
  2269.  
  2270.     <div id='backlinks-container'>
  2271.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2272.        <b:if cond='data:post.showBacklinks'>
  2273.          <b:include data='post' name='backlinks'/>
  2274.        </b:if>
  2275.     </div>
  2276.     </div>
  2277.   </div>
  2278. </b:includable>
  2279. <b:includable id='backlinkDeleteIcon' var='backlink'>
  2280.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2281.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2282.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2283.     </a>
  2284.   </span>
  2285. </b:includable>
  2286. <b:includable id='mobile-nextprev'>
  2287.   <div class='blog-pager' id='blog-pager'>
  2288.     <b:if cond='data:newerPageUrl'>
  2289.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  2290.       <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>
  2291.       </div>
  2292.     </b:if>
  2293.  
  2294.     <b:if cond='data:olderPageUrl'>
  2295.       <div class='mobile-link-button' id='blog-pager-older-link'>
  2296.       <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>
  2297.       </div>
  2298.     </b:if>
  2299.  
  2300.     <div class='mobile-link-button' id='blog-pager-home-link'>
  2301.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2302.     </div>
  2303.  
  2304.     <div class='mobile-desktop-link'>
  2305.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  2306.     </div>
  2307.  
  2308.   </div>
  2309.   <div class='clear'/>
  2310. </b:includable>
  2311. <b:includable id='mobile-post' var='post'>
  2312.   <div class='date-outer'>
  2313.     <b:if cond='data:post.dateHeader'>
  2314.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  2315.     </b:if>
  2316.     <div class='date-posts'>
  2317.       <div class='post-outer'>
  2318.  
  2319.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2320.           <b:if cond='data:post.thumbnailUrl'>
  2321.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  2322.           </b:if>
  2323.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  2324.           <meta expr:content='data:post.id' itemprop='postId'/>
  2325.  
  2326.           <a expr:name='data:post.id'/>
  2327.           <b:if cond='data:post.title'>
  2328.             <h3 class='post-title entry-title' itemprop='name'>
  2329.               <b:if cond='data:post.link'>
  2330.                 <a expr:href='data:post.link'><data:post.title/></a>
  2331.               <b:else/>
  2332.                 <b:if cond='data:post.url'>
  2333.                   <b:if cond='data:blog.url != data:post.url'>
  2334.                     <a expr:href='data:post.url'><data:post.title/></a>
  2335.                   <b:else/>
  2336.                     <data:post.title/>
  2337.                   </b:if>
  2338.                 <b:else/>
  2339.                   <data:post.title/>
  2340.                 </b:if>
  2341.               </b:if>
  2342.             </h3>
  2343.           </b:if>
  2344.  
  2345.           <div class='post-header'>
  2346.             <div class='post-header-line-1'/>
  2347.           </div>
  2348.  
  2349.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2350.             <data:post.body/>
  2351.             <div style='clear: both;'/> <!-- clear for photos floats -->
  2352.           </div>
  2353.  
  2354.           <div class='post-footer'>
  2355.             <div class='post-footer-line post-footer-line-1'>
  2356.               <span class='post-author vcard'>
  2357.                 <b:if cond='data:top.showAuthor'>
  2358.                   <b:if cond='data:post.authorProfileUrl'>
  2359.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2360.                       <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2361.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2362.                         <span itemprop='name'><data:post.author/></span>
  2363.                       </a>
  2364.                     </span>
  2365.                   <b:else/>
  2366.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2367.                       <span itemprop='name'><data:post.author/></span>
  2368.                     </span>
  2369.                   </b:if>
  2370.                 </b:if>
  2371.               </span>
  2372.  
  2373.               <span class='post-timestamp'>
  2374.                 <b:if cond='data:top.showTimestamp'>
  2375.                   <data:top.timestampLabel/>
  2376.                   <b:if cond='data:post.url'>
  2377.                     <meta expr:content='data:post.url' itemprop='url'/>
  2378.                     <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>
  2379.                   </b:if>
  2380.                 </b:if>
  2381.               </span>
  2382.  
  2383.               <span class='post-comment-link'>
  2384.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2385.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2386.                     <b:if cond='data:post.allowComments'>
  2387.                       <b:include data='post' name='comment_count_picker'/>
  2388.                     </b:if>
  2389.                   </b:if>
  2390.                 </b:if>
  2391.               </span>
  2392.             </div>
  2393.  
  2394.             <div class='post-footer-line post-footer-line-2'>
  2395.               <b:if cond='data:top.showMobileShare'>
  2396.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  2397.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  2398.                 </div>
  2399.               </b:if>
  2400.               <b:if cond='data:top.showDummy'>
  2401.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  2402.               </b:if>
  2403.             </div>
  2404.  
  2405.           </div>
  2406.         </div>
  2407.  
  2408.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2409.           <b:include data='post' name='comment_picker'/>
  2410.         </b:if>
  2411.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2412.           <b:include data='post' name='comment_picker'/>
  2413.         </b:if>
  2414.       </div>
  2415.     </div>
  2416.   </div>
  2417. </b:includable>
  2418. <b:includable id='postQuickEdit' var='post'>
  2419.   <b:if cond='data:post.editUrl'>
  2420.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2421.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2422.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2423.       </a>
  2424.     </span>
  2425.   </b:if>
  2426. </b:includable>
  2427. <b:includable id='main' var='top'>
  2428.   <b:if cond='data:mobile == &quot;false&quot;'>
  2429.  
  2430.     <!-- posts -->
  2431.     <div class='blog-posts hfeed'>
  2432.  
  2433.       <b:include data='top' name='status-message'/>
  2434.  
  2435.       <data:defaultAdStart/>
  2436.       <b:loop values='data:posts' var='post'>
  2437.         <b:if cond='data:post.isDateStart'>
  2438.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  2439.             &lt;/div&gt;&lt;/div&gt;
  2440.           </b:if>
  2441.         </b:if>
  2442.         <b:if cond='data:post.isDateStart'>
  2443.           &lt;div class=&quot;date-outer&quot;&gt;
  2444.         </b:if>
  2445.         <b:if cond='data:post.dateHeader'>
  2446.           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  2447.         </b:if>
  2448.         <b:if cond='data:post.isDateStart'>
  2449.           &lt;div class=&quot;date-posts&quot;&gt;
  2450.         </b:if>
  2451.         <div class='post-outer'>
  2452.         <b:include data='post' name='post'/>
  2453.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2454.           <b:include data='post' name='comment_picker'/>
  2455.         </b:if>
  2456.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2457.           <b:include data='post' name='comment_picker'/>
  2458.         </b:if>
  2459.         </div>
  2460.         <b:if cond='data:post.includeAd'>
  2461.           <b:if cond='data:post.isFirstPost'>
  2462.             <data:defaultAdEnd/>
  2463.           <b:else/>
  2464.             <data:adEnd/>
  2465.           </b:if>
  2466.           <div class='inline-ad'>
  2467.             <data:adCode/>
  2468.           </div>
  2469.           <data:adStart/>
  2470.         </b:if>
  2471.       </b:loop>
  2472.       <b:if cond='data:numPosts != 0'>
  2473.         &lt;/div&gt;&lt;/div&gt;
  2474.       </b:if>
  2475.       <data:adEnd/>
  2476.     </div>
  2477.  
  2478.     <!-- navigation -->
  2479.     <b:include name='nextprev'/>
  2480.  
  2481.     <!-- feed links -->
  2482.     <b:include name='feedLinks'/>
  2483.  
  2484.     <b:if cond='data:top.showStars'>
  2485.       <script src='//www.google.com/jsapi' type='text/javascript'/>
  2486.       <script type='text/javascript'>
  2487.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2488.         function initialize() {
  2489.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2490.           google.annotations.createAll();
  2491.           google.annotations.fetch();
  2492.         }
  2493.         google.setOnLoadCallback(initialize);
  2494.       </script>
  2495.     </b:if>
  2496.  
  2497.   <b:else/>
  2498.     <b:include name='mobile-main'/>
  2499.   </b:if>
  2500.  
  2501.   <b:if cond='data:top.showDummy'>
  2502.     <data:top.dummyBootstrap/>
  2503.   </b:if>
  2504.  
  2505. </b:includable>
  2506. <b:includable id='commentDeleteIcon' var='comment'>
  2507.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2508.     <b:if cond='data:showCmtPopup'>
  2509.       <div class='goog-toggle-button'>
  2510.         <div class='goog-inline-block comment-action-icon'/>
  2511.       </div>
  2512.     <b:else/>
  2513.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2514.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2515.       </a>
  2516.     </b:if>
  2517.   </span>
  2518. </b:includable>
  2519. <b:includable id='feedLinks'>
  2520.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2521.     <b:if cond='data:feedLinks'>
  2522.       <div class='blog-feeds'>
  2523.         <b:include data='feedLinks' name='feedLinksBody'/>
  2524.       </div>
  2525.     </b:if>
  2526.  
  2527.     <b:else/> <!--Post feed links -->
  2528.     <div class='post-feeds'>
  2529.       <b:loop values='data:posts' var='post'>
  2530.         <b:if cond='data:post.allowComments'>
  2531.           <b:if cond='data:post.feedLinks'>
  2532.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  2533.           </b:if>
  2534.         </b:if>
  2535.       </b:loop>
  2536.     </div>
  2537.   </b:if>
  2538. </b:includable>
  2539. <b:includable id='threaded-comment-form' var='post'>
  2540.   <div class='comment-form'>
  2541.     <a name='comment-form'/>
  2542.     <b:if cond='data:mobile'>
  2543.       <p><data:blogCommentMessage/></p>
  2544.       <data:blogTeamBlogMessage/>
  2545.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2546.       <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%'/>
  2547.     <b:else/>
  2548.       <p><data:blogCommentMessage/></p>
  2549.       <data:blogTeamBlogMessage/>
  2550.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2551.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2552.     </b:if>
  2553.     <data:post.friendConnectJs/>
  2554.     <data:post.cmtfpIframe/>
  2555.     <script type='text/javascript'>
  2556.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2557.     </script>
  2558.   </div>
  2559. </b:includable>
  2560. <b:includable id='mobile-index-post' var='post'>
  2561.   <div class='mobile-date-outer date-outer'>
  2562.     <b:if cond='data:post.dateHeader'>
  2563.       <div class='date-header'>
  2564.         <span><data:post.dateHeader/></span>
  2565.       </div>
  2566.     </b:if>
  2567.  
  2568.     <div class='mobile-post-outer'>
  2569.       <a expr:href='data:post.url'>
  2570.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  2571.           <data:post.title/>
  2572.         </h3>
  2573.  
  2574.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  2575.  
  2576.         <div class='mobile-index-contents'>
  2577.           <b:if cond='data:post.thumbnailUrl'>
  2578.             <div class='mobile-index-thumbnail'>
  2579.               <div class='Image'>
  2580.                 <img expr:src='data:post.thumbnailUrl'/>
  2581.               </div>
  2582.             </div>
  2583.           </b:if>
  2584.  
  2585.           <div class='post-body'>
  2586.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  2587.           </div>
  2588.         </div>
  2589.  
  2590.         <div style='clear: both;'/>
  2591.       </a>
  2592.  
  2593.       <div class='mobile-index-comment'>
  2594.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2595.           <b:if cond='data:post.allowComments'>
  2596.             <b:if cond='data:post.numComments != 0'>
  2597.               <b:include data='post' name='comment_count_picker'/>
  2598.             </b:if>
  2599.           </b:if>
  2600.         </b:if>
  2601.       </div>
  2602.     </div>
  2603.   </div>
  2604. </b:includable>
  2605. <b:includable id='iframe_comments' var='post'>
  2606.  
  2607.   <b:if cond='data:post.allowIframeComments'>
  2608.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  2609.     <div class='cmt_iframe_holder'/>
  2610.  
  2611.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2612.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2613.     </b:if>
  2614.   </b:if>
  2615. </b:includable>
  2616. <b:includable id='feedLinksBody' var='links'>
  2617.   <div class='feed-links'>
  2618.   <data:feedLinksMsg/>
  2619.   <b:loop values='data:links' var='f'>
  2620.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2621.   </b:loop>
  2622.   </div>
  2623. </b:includable>
  2624. <b:includable id='comments' var='post'>
  2625.   <div class='comments' id='comments'>
  2626.     <a name='comments'/>
  2627.     <b:if cond='data:post.allowComments'>
  2628.       <h4><data:post.commentLabelFull/>:</h4>
  2629.  
  2630.       <b:if cond='data:post.commentPagingRequired'>
  2631.         <span class='paging-control-container'>
  2632.           <b:if cond='data:post.hasOlderLinks'>
  2633.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2634.               &#160;
  2635.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2636.               &#160;
  2637.           </b:if>
  2638.  
  2639.           <data:post.commentRangeText/>
  2640.  
  2641.           <b:if cond='data:post.hasNewerLinks'>
  2642.             &#160;
  2643.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2644.             &#160;
  2645.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2646.           </b:if>
  2647.         </span>
  2648.       </b:if>
  2649.  
  2650.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2651.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2652.           <b:loop values='data:post.comments' var='comment'>
  2653.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2654.               <b:if cond='data:comment.favicon'>
  2655.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2656.               </b:if>
  2657.               <a expr:name='data:comment.anchorName'/>
  2658.               <b:if cond='data:blog.enabledCommentProfileImages'>
  2659.                 <data:comment.authorAvatarImage/>
  2660.               </b:if>
  2661.               <b:if cond='data:comment.authorUrl'>
  2662.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2663.               <b:else/>
  2664.                 <data:comment.author/>
  2665.               </b:if>
  2666.               <data:commentPostedByMsg/>
  2667.             </dt>
  2668.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2669.               <b:if cond='data:comment.isDeleted'>
  2670.                 <span class='deleted-comment'><data:comment.body/></span>
  2671.               <b:else/>
  2672.                 <p>
  2673.                   <data:comment.body/>
  2674.                 </p>
  2675.               </b:if>
  2676.             </dd>
  2677.             <dd class='comment-footer'>
  2678.               <span class='comment-timestamp'>
  2679.                 <a expr:href='data:comment.url' title='comment permalink'>
  2680.                   <data:comment.timestamp/>
  2681.                 </a>
  2682.                 <b:include data='comment' name='commentDeleteIcon'/>
  2683.               </span>
  2684.             </dd>
  2685.           </b:loop>
  2686.         </dl>
  2687.       </div>
  2688.  
  2689.       <b:if cond='data:post.commentPagingRequired'>
  2690.         <span class='paging-control-container'>
  2691.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2692.             <data:post.oldestLinkText/>
  2693.           </a>
  2694.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2695.             <data:post.olderLinkText/>
  2696.           </a>
  2697.           &#160;
  2698.           <data:post.commentRangeText/>
  2699.           &#160;
  2700.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2701.             <data:post.newerLinkText/>
  2702.           </a>
  2703.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2704.             <data:post.newestLinkText/>
  2705.           </a>
  2706.         </span>
  2707.       </b:if>
  2708.  
  2709.       <p class='comment-footer'>
  2710.         <b:if cond='data:post.embedCommentForm'>
  2711.           <b:if cond='data:post.allowNewComments'>
  2712.             <b:include data='post' name='comment-form'/>
  2713.           <b:else/>
  2714.             <data:post.noNewCommentsText/>
  2715.           </b:if>
  2716.         <b:else/>
  2717.           <b:if cond='data:post.allowComments'>
  2718.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2719.           </b:if>
  2720.         </b:if>
  2721.  
  2722.       </p>
  2723.     </b:if>
  2724.     <b:if cond='data:showCmtPopup'>
  2725.       <div id='comment-popup'>
  2726.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2727.         </iframe>
  2728.       </div>
  2729.     </b:if>
  2730.  
  2731.     <div id='backlinks-container'>
  2732.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2733.        <b:if cond='data:post.showBacklinks'>
  2734.          <b:include data='post' name='backlinks'/>
  2735.        </b:if>
  2736.     </div>
  2737.     </div>
  2738.   </div>
  2739. </b:includable>
  2740. </b:widget>
  2741. </b:section>
  2742.         </div>
  2743.         </div>
  2744.  
  2745.         <div class='column-left-outer'>
  2746.         <div class='column-left-inner'>
  2747.           <aside>
  2748.           <macro:include id='main-column-left-sections' name='sections'>
  2749.             <macro:param default='0' name='num' value='0'/>
  2750.             <macro:param default='sidebar-left' name='idPrefix'/>
  2751.             <macro:param default='sidebar' name='class'/>
  2752.             <macro:param default='true' name='includeBottom'/>
  2753.           </macro:include>
  2754.           </aside>
  2755.         </div>
  2756.         </div>
  2757.  
  2758.         <div class='column-right-outer'>
  2759.         <div class='column-right-inner'>
  2760.           <aside>
  2761.           <macro:include id='main-column-right-sections' name='sections'>
  2762.             <macro:param default='2' name='num' value='1'/>
  2763.             <macro:param default='sidebar-right' name='idPrefix'/>
  2764.             <macro:param default='sidebar' name='class'/>
  2765.             <macro:param default='true' name='includeBottom'/>
  2766.           </macro:include>
  2767.           </aside>
  2768.         </div>
  2769.         </div>
  2770.  
  2771.         </div>
  2772.  
  2773.         <div style='clear: both'/>
  2774.       <!-- columns -->
  2775.       </div>
  2776.  
  2777.     <!-- main -->
  2778.     </div>
  2779.     </div>
  2780.     <div class='main-cap-bottom cap-bottom'>
  2781.       <div class='cap-left'/>
  2782.       <div class='cap-right'/>
  2783.     </div>
  2784.     </div>
  2785.  
  2786.     <footer>
  2787.     <div class='footer-outer'>
  2788.     <div class='footer-cap-top cap-top'>
  2789.       <div class='cap-left'/>
  2790.       <div class='cap-right'/>
  2791.     </div>
  2792.     <div class='fauxborder-left footer-fauxborder-left'>
  2793.     <div class='fauxborder-right footer-fauxborder-right'/>
  2794.     <div class='region-inner footer-inner'>
  2795.       <macro:include id='footer-sections' name='sections'>
  2796.         <macro:param default='2' name='num'/>
  2797.         <macro:param default='footer' name='idPrefix'/>
  2798.         <macro:param default='foot' name='class'/>
  2799.         <macro:param default='false' name='includeBottom'/>
  2800.       </macro:include>
  2801.       <!-- outside of the include in order to lock Attribution widget -->
  2802.       <b:section class='foot' id='footer-3' showaddelement='no'>
  2803. <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  2804. <b:includable id='main'>
  2805.     <b:if cond='data:feedbackSurveyLink'>
  2806.       <div class='mobile-survey-link' style='text-align: center;'>
  2807.         <data:feedbackSurveyLink/>
  2808.       </div>
  2809.     </b:if>
  2810.  
  2811.     <div class='widget-content' style='text-align: center;'>
  2812.       <b:if cond='data:attribution != &quot;&quot;'>
  2813.        <data:attribution/>
  2814.       </b:if>
  2815.     </div>
  2816.  
  2817.     <b:include name='quickedit'/>
  2818.   </b:includable>
  2819. </b:widget>
  2820. </b:section>
  2821.     </div>
  2822.     </div>
  2823.     <div class='footer-cap-bottom cap-bottom'>
  2824.       <div class='cap-left'/>
  2825.       <div class='cap-right'/>
  2826.     </div>
  2827.     </div>
  2828.     </footer>
  2829.  
  2830.   <!-- content -->
  2831.   </div>
  2832.   </div>
  2833.   <div class='content-cap-bottom cap-bottom'>
  2834.     <div class='cap-left'/>
  2835.     <div class='cap-right'/>
  2836.   </div>
  2837.   </div>
  2838.   </div>
  2839.  
  2840.   <script type='text/javascript'>
  2841.     window.setTimeout(function() {
  2842.         document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  2843.       }, 10);
  2844.   </script>
  2845.   <b:include data='blog' name='google-analytics'/>
  2846.  
  2847. <script style='text/javascript'> var pageCount=5;var displayPageNum=5;var upPageWord=&quot;Anterior&quot;;var downPageWord=&quot;Próxima&quot;;</script> <script src='http://static.tumblr.com/y66747w/DqWm7hhf3/page-nav.js' style='text/javascript'> </script>
  2848. </body>
  2849.  
  2850. <macro:includable id='sections' var='col'>
  2851.   <macro:if cond='data:col.num == 0'>
  2852.   <macro:else/>
  2853.     <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  2854.  
  2855.     <macro:if cond='data:col.num &gt;= 2'>
  2856.       <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  2857.       <tbody>
  2858.       <tr>
  2859.         <td class='first columns-cell'>
  2860.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  2861.         </td>
  2862.  
  2863.         <td class='columns-cell'>
  2864.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  2865.         </td>
  2866.  
  2867.         <macro:if cond='data:col.num &gt;= 3'>
  2868.           <td class='columns-cell'>
  2869.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  2870.           </td>
  2871.         </macro:if>
  2872.  
  2873.         <macro:if cond='data:col.num &gt;= 4'>
  2874.           <td class='columns-cell'>
  2875.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  2876.           </td>
  2877.         </macro:if>
  2878.       </tr>
  2879.       </tbody>
  2880.       </table>
  2881.  
  2882.       <macro:if cond='data:col.includeBottom'>
  2883.         <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  2884.       </macro:if>
  2885.     </macro:if>
  2886.   </macro:if>
  2887. </macro:includable>
  2888.  
  2889. <b:section-contents id='sidebar-right-1'>
  2890. <b:widget id='HTML1' locked='false' title='Status' type='HTML'>
  2891. <b:includable id='main'>
  2892.   <!-- only display title if it's non-empty -->
  2893.   <b:if cond='data:title != &quot;&quot;'>
  2894.     <h2 class='title'><data:title/></h2>
  2895.   </b:if>
  2896.   <div class='widget-content'>
  2897.     <data:content/>
  2898.   </div>
  2899.  
  2900.   <b:include name='quickedit'/>
  2901. </b:includable>
  2902. </b:widget>
  2903. <b:widget id='HTML8' locked='false' title='Programação' type='HTML'>
  2904. <b:includable id='main'>
  2905.   <!-- only display title if it's non-empty -->
  2906.   <b:if cond='data:title != &quot;&quot;'>
  2907.     <h2 class='title'><data:title/></h2>
  2908.   </b:if>
  2909.   <div class='widget-content'>
  2910.     <data:content/>
  2911.   </div>
  2912.  
  2913.   <b:include name='quickedit'/>
  2914. </b:includable>
  2915. </b:widget>
  2916. <b:widget id='HTML5' locked='false' title='Menu' type='HTML'>
  2917. <b:includable id='main'>
  2918.   <!-- only display title if it's non-empty -->
  2919.   <b:if cond='data:title != &quot;&quot;'>
  2920.     <h2 class='title'><data:title/></h2>
  2921.   </b:if>
  2922.   <div class='widget-content'>
  2923.     <data:content/>
  2924.   </div>
  2925.  
  2926.   <b:include name='quickedit'/>
  2927. </b:includable>
  2928. </b:widget>
  2929. <b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
  2930. <b:includable id='main'>
  2931.   <b:if cond='data:title != &quot;&quot;'>
  2932.     <h2 class='title'><data:title/></h2>
  2933.   </b:if>
  2934.   <div id='google_translate_element'/>
  2935.   <script>
  2936.     function googleTranslateElementInit() {
  2937.       new google.translate.TranslateElement({
  2938.         pageLanguage: &#39;<data:pageLanguage/>&#39;,
  2939.         autoDisplay: &#39;true&#39;,
  2940.         layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
  2941.       }, &#39;google_translate_element&#39;);
  2942.     }
  2943.   </script>
  2944.   <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  2945.   <b:include name='quickedit'/>
  2946. </b:includable>
  2947. </b:widget>
  2948. <b:widget id='HTML3' locked='false' title='Postadoras LPA e STM' type='HTML'>
  2949. <b:includable id='main'>
  2950.   <!-- only display title if it's non-empty -->
  2951.   <b:if cond='data:title != &quot;&quot;'>
  2952.     <h2 class='title'><data:title/></h2>
  2953.   </b:if>
  2954.   <div class='widget-content'>
  2955.     <data:content/>
  2956.   </div>
  2957.  
  2958.   <b:include name='quickedit'/>
  2959. </b:includable>
  2960. </b:widget>
  2961. <b:widget id='HTML7' locked='false' title='Divulgando' type='HTML'>
  2962. <b:includable id='main'>
  2963.   <!-- only display title if it's non-empty -->
  2964.   <b:if cond='data:title != &quot;&quot;'>
  2965.     <h2 class='title'><data:title/></h2>
  2966.   </b:if>
  2967.   <div class='widget-content'>
  2968.     <data:content/>
  2969.   </div>
  2970.  
  2971.   <b:include name='quickedit'/>
  2972. </b:includable>
  2973. </b:widget>
  2974. <b:widget id='HTML6' locked='false' title='Afiliados Parceiros e Sites Legais' type='HTML'>
  2975. <b:includable id='main'>
  2976.   <!-- only display title if it's non-empty -->
  2977.   <b:if cond='data:title != &quot;&quot;'>
  2978.     <h2 class='title'><data:title/></h2>
  2979.   </b:if>
  2980.   <div class='widget-content'>
  2981.     <data:content/>
  2982.   </div>
  2983.  
  2984.   <b:include name='quickedit'/>
  2985. </b:includable>
  2986. </b:widget>
  2987. <b:widget id='Followers1' locked='false' title='Seguidores Animalescos' type='Followers'>
  2988. <b:includable id='main'>
  2989.   <b:if cond='data:title != &quot;&quot;'>
  2990.     <b:if cond='data:codeSnippet != &quot;&quot;'>
  2991.       <h2 class='title'><data:title/></h2>
  2992.     <b:else/>
  2993.       <b:if cond='data:totalFollowerCount != &quot;&quot;'>
  2994.         <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  2995.       </b:if>
  2996.     </b:if>  
  2997.   </b:if>
  2998.   <div class='widget-content'>
  2999.     <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  3000.       <b:if cond='data:codeSnippet != &quot;&quot;'>
  3001.         <div style='margin-right:2px;'>
  3002.           <data:codeSnippet/>
  3003.         </div>
  3004.       <b:else/>
  3005.         <b:if cond='data:totalFollowerCount == &quot;&quot;'>
  3006.           <span class='item-control following-not-admin'>
  3007.             <b><data:failureSnippet/></b>
  3008.           </span>
  3009.           <span class='item-control blog-admin'>
  3010.             <b><data:adminFailureSnippet/></b>
  3011.           </span>
  3012.         <b:else/>
  3013.           <b:if cond='data:followingLinkPresent'>
  3014.             <div class='follow-this profile-link item-control following-follow-this'>
  3015.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  3016.                 <data:followThisMessage/>
  3017.               </a>
  3018.             </div>
  3019.             <div class='follow-this profile-link item-control following-stop-following-this'>
  3020.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  3021.                 <data:stopFollowingMessage/>
  3022.               </a>
  3023.             </div>
  3024.           </b:if>
  3025.  
  3026.           <div class='followers-grid'>
  3027.             <b:if cond='data:totalFollowerCount == 0'>
  3028.               <div class='profile-link item-control following-follow-this'>
  3029.                 <data:emptyFollowersMessage/>
  3030.               </div>
  3031.             </b:if>
  3032.             <!--
  3033.            Relies on the js written out in navbar.gxp
  3034.            -->
  3035.             <b:loop values='data:followers' var='follower'>
  3036.               <div class='follower'>
  3037.                 <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  3038.                 <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
  3039.                 </a>
  3040.               </div>
  3041.             </b:loop>
  3042.             <div class='clear'/>
  3043.           </div>
  3044.  
  3045.           <div class='followers-canvas profile-link'>
  3046.             <data:followersFooterMessage/>
  3047.             <span class='item-control following-not-admin'>
  3048.               <a expr:href='data:followersUri'>
  3049.                 <data:viewAllMessage/>
  3050.               </a>
  3051.             </span>
  3052.             <span class='item-control blog-admin'>
  3053.               <a expr:href='data:manageFollowersUri'>
  3054.                 <data:manageFollowersMessage/>
  3055.               </a>
  3056.             </span>
  3057.           </div>
  3058.           </b:if>
  3059.       </b:if>
  3060.     </div>
  3061.     <b:include name='quickedit'/>
  3062.   </div>
  3063. </b:includable>
  3064. </b:widget>
  3065. <b:widget id='HTML10' locked='false' title='Eu Participo' type='HTML'>
  3066. <b:includable id='main'>
  3067.   <!-- only display title if it's non-empty -->
  3068.   <b:if cond='data:title != &quot;&quot;'>
  3069.     <h2 class='title'><data:title/></h2>
  3070.   </b:if>
  3071.   <div class='widget-content'>
  3072.     <data:content/>
  3073.   </div>
  3074.  
  3075.   <b:include name='quickedit'/>
  3076. </b:includable>
  3077. </b:widget>
  3078. <b:widget id='HTML2' locked='false' title='Revista Shoujo' type='HTML'>
  3079. <b:includable id='main'>
  3080.   <!-- only display title if it's non-empty -->
  3081.   <b:if cond='data:title != &quot;&quot;'>
  3082.     <h2 class='title'><data:title/></h2>
  3083.   </b:if>
  3084.   <div class='widget-content'>
  3085.     <data:content/>
  3086.   </div>
  3087.  
  3088.   <b:include name='quickedit'/>
  3089. </b:includable>
  3090. </b:widget>
  3091. <b:widget id='Label1' locked='false' title='Nuvem de Assuntos' type='Label'>
  3092. <b:includable id='main'>
  3093. <b:if cond='data:title'>
  3094. <h2><data:title/></h2>
  3095. </b:if>
  3096. <div class='widget-content'>
  3097. <select onchange='location=this.options[this.selectedIndex].value;' style='width:255px;'>
  3098. <option>Escolha o Tópico da Conversa</option>
  3099. <b:loop values='data:labels' var='label'>
  3100. <option expr:value='data:label.url'><data:label.name/>
  3101. (<data:label.count/>)
  3102. </option>
  3103. </b:loop>
  3104. </select>
  3105.  
  3106. <b:include name='quickedit'/>
  3107. </div>
  3108. </b:includable>
  3109. </b:widget>
  3110. <b:widget id='Stats1' locked='false' title='Visitaram as Tias' type='Stats'>
  3111. <b:includable id='main'>
  3112.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  3113.   <div class='widget-content'>
  3114.     <!-- Content is going to be visible when data will be fetched from server. -->
  3115.     <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
  3116.       <!-- Counter and image will be injected later via AJAX call. -->
  3117.       <b:if cond='data:showSparkline'>
  3118.         <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
  3119.       </b:if>
  3120.       <b:if cond='data:showGraphicalCounter'>
  3121.         <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  3122.       <b:else/>
  3123.         <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  3124.       </b:if>
  3125.       <b:include name='quickedit'/>
  3126.     </div>
  3127.   </div>
  3128. </b:includable>
  3129. </b:widget>
  3130. <b:widget id='HTML9' locked='false' title='Plágio? Não!' type='HTML'>
  3131. <b:includable id='main'>
  3132.   <!-- only display title if it's non-empty -->
  3133.   <b:if cond='data:title != &quot;&quot;'>
  3134.     <h2 class='title'><data:title/></h2>
  3135.   </b:if>
  3136.   <div class='widget-content'>
  3137.     <data:content/>
  3138.   </div>
  3139.  
  3140.   <b:include name='quickedit'/>
  3141. </b:includable>
  3142. </b:widget>
  3143. </b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
  3144. <b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'>
  3145. <b:includable id='main'>
  3146.  <div class='widget-content'>
  3147.     <a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
  3148.     <b:include name='quickedit'/>
  3149.   </div>
  3150. </b:includable>
  3151. </b:widget>
  3152. </b:section-contents><b:section-contents id='footer-2-2'>
  3153. <b:widget id='PlusOne1' locked='false' title='+1 Button' type='PlusOne'>
  3154. <b:includable id='main'>
  3155.  
  3156.   <div class='widget-content'>
  3157.     <g:plusone expr:annotation='data:annotation' expr:href='data:blog.canonicalHomepageUrl' expr:size='data:size' source='blogger:blog:plusone' width='250'/>
  3158.  
  3159.     <script type='text/javascript'>
  3160.       window.___gcfg = {&quot;lang&quot;: &quot;<data:language/>&quot;};
  3161.     </script>
  3162.   </div>
  3163.  
  3164. </b:includable>
  3165. </b:widget>
  3166. </b:section-contents></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!