min-width: $(content.width); max-width: $(content.width); _width: $(content.width); } .main-inner .columns { padding-left: $(main.column.left.width); padding-right: $(main.column.right.width); } .main-inner .fauxcolumn-center-outer { left: $(main.column.left.width); right: $(main.column.right.width); /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth - parseInt("$(main.column.left.width)") - parseInt("$(main.column.right.width)") + 'px'); } .main-inner .fauxcolumn-left-outer { width: $(main.column.left.width); } .main-inner .fauxcolumn-right-outer { width: $(main.column.right.width); } .main-inner .column-left-outer { width: $(main.column.left.width); right: 100%; margin-left: -$(main.column.left.width); } .main-inner .column-right-outer { width: $(main.column.right.width); margin-right: -$(main.column.right.width); } #layout { min-width: 0; } #layout .content-outer { min-width: 0; width: 800px; } #layout .region-inner { min-width: 0; width: auto; } ]]> </b:template-skin> </head> <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'><b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt; function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener(&#39;load&#39;, function(){ object[attribute] = val; }, false); } else { window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; }); } } &lt;/script&gt;&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt; gapi.load(&quot;iframes-styles-bubble&quot;, function() { if (window.iframes &amp;&amp; iframes.open) { iframes.open( &#39;//www.blogger.com/navbar.g?targetBlogID\0753483150058469539369\46blogName\75Template+Galeria+Flip+3\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://templategaleriaflip3.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://templategaleriaflip3.blogspot.com/\46vt\75-7351476624843894403&#39;, { container: &quot;navbar-iframe-container&quot;, id: &quot;navbar-iframe&quot; }, { }); } }); &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;(function() {var script = document.createElement(&#39;script&#39;);script.type = &#39;text/javascript&#39;;script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;var head = document.getElementsByTagName(&#39;head&#39;)[0];if (head) {head.appendChild(script);}})();&lt;/script&gt;</b:includable></b:widget></b:section> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> <meta expr:content='data:blog.title' itemprop='name'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' itemprop='description'/> </b:if> </div> </b:if> <div class='body-fauxcolumns'> <div class='fauxcolumn-outer body-fauxcolumn-outer'> <div class='cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left'> <div class='fauxborder-right'/> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> </div> <div class='content'> <div class='content-fauxcolumns'> <div class='fauxcolumn-outer content-fauxcolumn-outer'> <div class='cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left'> <div class='fauxborder-right'/> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> </div> <div class='content-outer'><div id='crosscol-wrapper' style='text-align:center'><b:section class='links' id='links' showaddelement='yes'><b:widget id='LinkList1' locked='false' title='' type='LinkList'><b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> <b:include name='quickedit'/> </div></b:includable></b:widget></b:section></div> <div class='content-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left content-fauxborder-left'> <div class='fauxborder-right content-fauxborder-right'/> <div class='content-inner'><div id='feeds-header'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='Subscrever Postagens' src='http://3.bp.blogspot.com/_TOgLIzRT88Y/TOMO75kIoUI/AAAAAAAAIGM/l3kSkli-OtU/s1600/001.png'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Feed Posts</a><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'><img alt='Subscrever Comentarios' src='http://3.bp.blogspot.com/_TOgLIzRT88Y/TOMO75kIoUI/AAAAAAAAIGM/l3kSkli-OtU/s1600/001.png'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Feed Comentarios</a> </div> <header> <div class='header-outer'> <div class='header-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left header-fauxborder-left'> <div class='fauxborder-right header-fauxborder-right'/> <div class='region-inner header-inner'> <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'><b:widget id='Header1' locked='true' title='Template Galeria Flip 3 (Cabecalho)' type='Header'><b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <b:if cond='data:mobile'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <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'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--Show the image only--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: