Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html>
- <html b:version='2' class='v2 no-js' expr:dir='data:blog.languageDirection' lang='es' 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' xmlns:og='http://opengraphprotocol.org/schema/'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'/>
- <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
- <head>
- <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
- <meta content='width=device-width,initial-scale=1.0,maximum-scale=1.0' name='viewport'/>
- <meta expr:content='data:blog.pageName' property='og:title'/>
- <meta expr:content='data:blog.title' property='og:site_name'/>
- <meta content='blog' property='og:type'/>
- <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
- <b:if cond='data:blog.metaDescription'>
- <meta expr:content='data:blog.metaDescription' property='og:description'/>
- </b:if>
- <b:if cond='data:blog.postImageUrl != ""'>
- <meta expr:content='data:blog.postImageUrl' property='og:image'/>
- <b:else/>
- <meta content='blog' property='og:type'/>
- <meta content='' property='og:image'/>
- </b:if>
- <!-- == Indexación == -->
- <b:if cond='data:blog.pageType == "archive"'>
- <meta content='noindex,nofollow' name='robots'/>
- <b:else/>
- <b:if cond='data:blog.pageType == "error_page"'>
- <meta content='noindex,nofollow' name='robots'/>
- <b:else/>
- <b:if cond='data:blog.pageType == "index"'>
- <b:if cond='data:blog.homepageUrl == data:blog.url'>
- <meta content='index,follow' name='robots'/>
- <b:else/>
- <meta content='noindex,nofollow' name='robots'/>
- </b:if>
- <b:else/>
- <meta content='index,follow' name='robots'/>
- </b:if>
- </b:if>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:if cond='data:blog.newerPageUrl'>
- <link expr:href='data:blog.newerPageUrl' rel='next'/>
- </b:if>
- <b:if cond='data:blog.olderPageUrl'>
- <link expr:href='data:blog.olderPageUrl' rel='prev'/>
- </b:if>
- </b:if>
- <!-- Título del blog -->
- <b:if cond='data:blog.url != data:blog.homepageUrl'>
- <meta expr:content='data:blog.pageName + ": " + data:blog.title' property='og:title'/>
- <title><data:blog.pageName/> / <data:blog.title/></title>
- <b:else/>
- <meta expr:content='data:blog.pageTitle' property='og:title'/>
- <title><data:blog.pageTitle/></title>
- </b:if>
- <b:include data='blog' name='all-head-content'/>
- <!-- /all-head-content -->
- <b:skin><![CDATA[/*
- -----------------------------------------------
- Blogger template
- ----------------------------------------------- */
- /* Variable definitions
- ====================
- <Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#ffffff"/>
- <Group description="Page Text" selector="body">
- <Variable name="body.font" description="Font" type="font"
- default="normal normal 15px Josefin Sans,sans-serif" value="normal normal 16px Josefin Sans"/>
- <Variable name="body.text.color" description="Text Color" type="color" default="#000000" value="#666666"/>
- </Group>
- <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
- <Variable name="body.background.color" description="Outer Background" type="color" default="#ffffff" value="#fcfcfc"/>
- <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#fcfcfc"/>
- <Variable name="posts.background.color" description="Posts Background" type="color" default="#ffffff" value="#fcfcfc"/>
- <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="#fcfcfc"/>
- </Group>
- <Group description="Details" selector=".outer-wrapper">
- <Variable name="details.color" description="Details Color" type="color" default="#000000" value="#bfbfbf"/>
- <Variable name="quote.font" description="Quote Font" type="font"
- default="800 30px Open Sana,sans-serif" value="normal normal 100% lighter normal 800px 30px Open Sana,sans-serif"/>
- <Variable name="quote.color" description="Quote Text Color" type="color" default="#ffffff" value="#4a0606"/>
- </Group>
- <Group description="Links" selector=".main-outer">
- <Variable name="link.color" description="Link Color" type="color" default="#999999" value="#999999"/>
- <Variable name="link.visited.color" description="Visited Color" type="color" default="#999999" value="#2a2a2a"/>
- <Variable name="link.hover.color" description="Hover Color" type="color" default="#e4e0d9" value="#f5d2d4"/>
- </Group>
- <Group description="Blog Title" selector=".header h1">
- <Variable name="header.font" description="Font" type="font" default="normal lighter 65px 'Quattrocento Sans', Josefin Sans" value="normal normal 50px Josefin Sans"/>
- <Variable name="header.text.color" description="Title Color" type="color" default="#484848" value="#2a2a2a"/>
- </Group>
- <Group description="Blog Description" selector=".header .description">
- <Variable name="description.text.color" description="Description Color" type="color"
- default="#000000" value="#000000"/>
- <Variable name="description.font" description="Font" type="font"
- default="normal normal 14px Droid Sans, sans-serif" value="700 13px Open Sans, sans-serif"/>
- <Variable name="description.text.size" description="Description Text Size" type="string" default="14px" value="14px"/>
- </Group>
- <Group description="Tabs Text" selector=".tabs-inner .widget li a">
- <Variable name="tabs.font" description="Font" type="font"
- default="700 11px Raleway, sans-serif" value="normal normal 12px Calibri"/>
- <Variable name="tabs.text.color" description="Text Color" type="color" default="#000000" value="#000000"/>
- <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#1d1d1d"/>
- </Group>
- <Group description="Tabs Background" selector=".tabs-outer .PageList">
- <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
- <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>
- </Group>
- <Group description="Post Title" selector="h3.post-title, .comments h4">
- <Variable name="post.title.font" description="Font" type="font"
- default="normal normal 16px Raleway, sans-serif" value="normal normal 13px Open Sans"/>
- <Variable name="post.title.color" description="Post title color" type="color" default="#000000" value="#7f7f7f"/>
- </Group>
- <Group description="Date Header" selector=".date-header">
- <Variable name="date.header.color" description="Text Color" type="color"
- default="#000000" value="#ffffff"/>
- <Variable name="date.header.background.color" description="Background Color" type="color"
- default="transparent" value="#e4e0d9"/>
- <Variable name="date.text.size" description="Date Text Size" type="string" default="11px" value="11px"/>
- </Group>
- <Group description="Post Footer" selector=".post-footer">
- <Variable name="post.footer.text.color" description="Text Color" type="color" default="#000000" value="#000000"/>
- <Variable name="post.footer.background.color" description="Background Color" type="color"
- default="transparent" value="transparent"/>
- <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="transparent" value="transparent"/>
- </Group>
- <Group description="Gadgets" selector="h2">
- <Variable name="widget.title.font" description="Title Font" type="font"
- default="normal normal 11px Raleway, sans-serif" value="normal normal 11px Open Sans,sans-serif"/>
- <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
- <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/>
- </Group>
- <Group description="Images" selector=".main-inner">
- <Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
- <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>
- <Variable name="image.text.color" description="Caption Text Color" type="color" default="#000000" value="#000000"/>
- </Group>
- <Group description="Accents" selector=".content-inner">
- <Variable name="body.rule.color" description="Separator Line Color" type="color" default="transparent" value="transparent"/>
- <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="transparent" value="transparent"/>
- </Group>
- <Variable name="body.background" description="Body Background" type="background"
- color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none no-repeat scroll center center"/>
- <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
- <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
- default="none" value="none"/>
- <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
- default="none" value="none"/>
- <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
- <Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
- <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="0" value="0"/>
- <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="0" value="0"/>
- <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="0" value="0"/>
- <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="0" value="0"/>
- <Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>
- <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
- <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="0" value="0"/>
- <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="0" value="0"/>
- <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="0" value="0"/>
- <Variable name="header.padding" description="Header Padding" type="length" default="0" value="0"/>
- <Variable name="header.border.size" description="Header Border Size" type="length" default="0" value="0"/>
- <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="0" value="0"/>
- <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="0"/>
- <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" value="0"/>
- <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" value="30px"/>
- <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
- default="none" value="none"/>
- <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="0" value="0"/>
- <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="0" value="0"/>
- <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="inherit"/>
- <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="inherit"/>
- <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
- <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="45px" value="45px"/>
- <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="0" value="0"/>
- <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="0" value="0"/>
- <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
- <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
- <Variable name="main.section.margin" description="Main Section Margin" type="length" default="58px" value="58px"/>
- <Variable name="main.padding" description="Main Padding" type="length" default="0" value="0"/>
- <Variable name="main.padding.top" description="Main Padding Top" type="length" default="100px" value="20px"/>
- <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" value="30px"/>
- <Variable name="paging.background"
- color="$(content.background.color)"
- description="Background of blog paging area" type="background"
- default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>
- <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" value="0"/>
- <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
- default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
- <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
- <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
- <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
- <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
- */
- /* ----- reset ------ */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, font, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- background: transparent;
- }
- body {
- line-height: 1;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: '';
- content: none;
- }
- /* remember to define focus styles! */
- :focus {
- outline: 0;
- }
- /* remember to highlight inserts somehow! */
- ins {
- text-decoration: none;
- }
- del {
- text-decoration: line-through;
- }
- /* tables still need 'cellspacing="0"' in the markup */
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- .jump-link a,
- .jump-link a:visited {
- color: #727272 !important;
- border: 1px solid $(details.color);
- padding: 9px;
- }
- .jump-link a:hover {
- color: black !important;
- background-color:$(link.hover.color);
- padding: 9px;
- transition:all 0.3s;
- -o-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -webkit-transition:all 0.3s;
- text-decoration: none !important;
- color: white !important;
- border:none;
- }
- /* ----- general ------ */
- #navbar, #Attribution1, .post-icons,
- .post-location, span.post-author.vcard,
- .post-timestamp, .feed-links {display:none;}
- body {
- font: $(body.font);
- color: $(body.text.color);
- background: $(body.background);
- $(body.background.override)
- text-align:justify;
- overflow-x: hidden;
- }
- html body {
- width: 100%;
- }
- .body-fauxcolumn-outer .fauxcolumn-inner {
- background: transparent $(body.background.gradient.tile) repeat scroll top left;
- background-image: none;
- }
- .body-fauxcolumn-outer .cap-top {
- position: absolute;
- z-index: 1;
- height: 400px;
- width: 100%;
- background: $(body.background);
- $(body.background.override)
- }
- .body-fauxcolumn-outer .cap-top .cap-left {
- width: 100%;
- background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
- _background-image: none;
- }
- .outer-wrapper{
- margin-top:0px;
- }
- .fa {
- color: $(link.color);
- }
- .fa:hover {
- color: $(link.hover.color);
- }
- a:link {
- text-decoration:none;
- color: $(link.color);
- }
- a:visited {
- text-decoration:none;
- color: $(link.visited.color);
- }
- a:hover {
- text-decoration:none;
- color: $(link.hover.color);
- }
- .body-fauxcolumn-outer .cap-top {
- position: absolute;
- z-index: 1;
- height: 400px;
- width: 100%;
- background: $(body.background);
- $(body.background.override)
- }
- .body-fauxcolumn-outer .cap-top .cap-left {
- width: 100%;
- background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
- _background-image: none;
- }
- $(content.background.color.selector) {
- background-color: $(content.background.color);
- }
- .main-outer{
- max-width:1100px;
- margin:0 auto;
- background:$(body.background.color);
- }
- .main-inner .column-right-inner {
- padding:0 !important;
- margin-top: 71px;
- }
- /* ----- header ------ */
- #header-inner ,#Header1_headerimg {
- margin: 0px auto;
- max-width: 100%;
- height: auto;
- margin-bottom: 31px;
- }
- .header-outer {
- background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
- _background-image: none;
- width:100%;
- height:auto;
- margin:0 auto;
- height: auto !important;
- width: 100%;
- z-index: 10;
- }
- .header {
- width:100%;
- float: center;
- margin:0 auto 1%;
- }
- .header2 {
- width:100%;
- float: center;
- margin:0 auto 1%;
- }
- .Header h1 {
- padding: 50px 0 !important;
- font: $(header.font)!important;
- color: $(header.text.color);
- letter-spacing:3px;
- text-transform: uppercase;
- text-align: center;
- font-weight: 100;
- line-height: 60px !important;
- width: 100%;
- }
- h1.title{
- display:block;
- }
- .Header h1 a {
- color: $(header.text.color);
- }
- .Header .description {
- color: $(description.text.color);
- font:$(description.font);
- }
- .header-inner .Header .titlewrapper {
- padding: 20px 0 0 0;
- }
- .header-inner .Header .descriptionwrapper {
- padding: 0;
- margin:0;
- letter-spacing:1px;
- text-align: center;
- margin-top: -50px;
- }
- .header-inner .widget{
- margin:-30px 0 0 0;
- }
- /* ----- menu ------ */
- #PageList1 h2 {
- display:none;
- }
- #PageList1 ul {
- height: auto;
- text-align: center;
- width:69.5%;
- border-bottom: 1px solid $(details.color);
- margin: 0 auto;
- }
- #PageList1 ul li {
- border: none;
- float:none;
- display:inline-block;
- zoom:1;
- }
- #PageList1 ul li a {
- display: inline-block;
- padding: 5px 15px;
- font: $(tabs.font);
- color: $(tabs.text.color);
- text-transform:uppercase;
- background:none;
- letter-spacing:0px;
- }
- #PageList1 ul li a:hover {
- color:$(link.hover.color);
- position: relative;
- z-index: 1;
- }
- #PageList1 ul li.selected a{
- color:$(link.visited.color);
- }
- /* ----- about ------ */
- .widget.Profile .widget-content {
- margin: 0 auto !important;
- }
- .widget.Profile .widget-content > a .test {
- /*display: block;
- width: 216px;
- height: 216px;
- position: absolute;
- top: 0px;
- left: 0px;
- z-index: 10;*/
- }
- .widget.Profile .widget-content > a .mask {
- display: block;
- position:absolute;
- top:0px;
- left:0px;
- width: 220px;
- height:220px;
- overflow:hidden;
- }
- .widget.Profile .widget-content > a img.profile-img{
- min-width: 216px !important;
- min-height: 216px !important;
- max-width:195px;
- margin-bottom:23px;
- position: absolute;
- top:1px;
- left:1px;
- border-radius:218px;
- margin: 0 !important;
- }
- .widget.Profile .widget-content {
- position: relative;
- padding-top:220px;
- width:220px !important;
- min-width:8px !important;
- }
- .widget.Profile {
- margin-bottom:0px;
- padding: 15px 0;
- }
- /* ----- headings ------ */
- h2 {
- margin: 0 0 10px 0;
- font: $(widget.title.font);
- color: $(widget.title.text.color)!important;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:2px;
- border-top: 1px solid $(details.color);
- }
- h3, h4 {
- font: $(widget.title.font);
- color: $(widget.title.text.color);
- letter-spacing:2px;
- }
- h3{
- font-size:18px;
- }
- h4{
- font-size:16px;
- }
- /* ----- widgets ------ */
- #sidebar-right-1.sidebar.section {
- width:100%;
- margin:0 auto;
- padding:0;
- }
- .column-right-inner aside{
- width:100%;
- padding:0;
- }
- .widget .zippy {
- color: $(widget.alternate.text.color);
- }
- .widget{
- margin:30px 0;
- }
- .widget ul {
- list-style:none;
- margin:0 0 0;
- padding:0 0 0;
- }
- .widget li {
- margin:0;
- padding:0 0;
- text-indent:0;
- line-height:1.5em;
- }
- .widget .popular-posts ul {
- list-style: none;
- }
- #CustomSearch1{
- padding: 20px;
- }
- #FollowByEmail1{
- padding: 20px;
- }
- /*-----------------------------------------------
- PERFIL
- ----------------------------------------------- */
- .Image img{
- max-width:100%;
- height:auto;
- }
- #Image1 h2{
- display:none;
- }
- /* ----- social ------ */
- .social{
- text-align:center;
- }
- .social .fa{
- font-size:18px;
- padding:0 10px;
- }
- /* ----- email,search ------ */
- .gsc-search-box {
- border: 1px solid $(details.color);
- }
- .FollowByEmail .follow-by-email-inner{
- border: 1px solid $(details.color);
- }
- #FollowByEmail1 h2{
- color: $(content.background.color)
- }
- .FollowByEmail .follow-by-email-inner .follow-by-email-address {
- text-align:left;
- width:100%;
- padding:1px 0;
- color:$(post.title.color);
- border:none;
- font:$(tabs.font);
- text-transform:uppercase;
- margin-left:0;
- letter-spacing:1px;
- padding-left: 10px;
- background:none;
- }
- .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
- background:none;
- color:$(link.color);
- border-radius:0;
- -moz-border-radius:0;
- text-transform:uppercase;
- height:24px;
- font:$(tabs.font);
- letter-spacing:1px;
- border: none !important;
- }
- .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
- background:$(link.hover.color);
- color:$(keycolor);
- transition: all 0.4s ease 0s;
- }
- .follow-by-email-inner .follow-by-email-submit {
- width:auto !important;
- }
- *:focus {outline: none;}
- .gsc-search-button{
- background:none;
- color:$(link.color);
- border-radius:0;
- -moz-border-radius:0;
- text-transform:uppercase;
- height:auto;
- font:$(tabs.font);
- letter-spacing:1px;
- border: none !important;
- height: 24px;
- width: 68px !important
- }
- .gsc-input{
- border: none !important;
- height: 22px;
- text-transform:uppercase;
- font:$(tabs.font);
- color:$(link.color);
- background:none;
- }
- input.gsc-input{
- width: 100% !important;
- }
- .gsc-search-button:hover {
- color:$(link.hover.color);
- transition: all 0.4s ease 0s;
- }
- /* ----- popular posts ------ */
- .PopularPosts .item-thumbnail {
- display: block;
- height: 190px;
- margin: 0;
- overflow: hidden;
- position: relative;
- width: 100%;
- }
- .PopularPosts .item-title { position: relative }
- .PopularPosts img {
- display: block;
- height: auto;
- position: absolute;
- width: 100%;
- transition: all 1s ease 0s;
- }
- .item-title a {
- background: rgba(255, 255, 255, 0.85);
- color: $(link.color);
- font: $(tabs.font);
- text-transform:uppercase;
- padding: 8px 0;
- position: absolute;
- right: 0;
- text-align: center;
- width: 100%;
- }
- .item-title a:hover {
- color:$(link.hover.color);
- }
- .item-snippet {
- display:none;
- }
- .item-content:hover img { transform: scale(1.1) }
- .item-content { position: relative }
- /*---------------socialicons-------------*/
- .widget.LinkList {
- display:inline-block;
- width:100%;
- text-align: center;
- margin-top: 0 !important;
- margin-bottom: 0px !important;
- }
- .widget.LinkList .widget-content{
- position:relative;
- float:center;
- top:12px;
- right:0px;
- width:100%
- z-index:100;
- }
- .widget.LinkList ul{
- list-style:none;
- padding: 0px;
- margin-top:0px;
- padding-top: 0px;
- display: inline-block !important;
- }
- .widget.LinkList li{
- display:inline-block;
- zoom: 1;
- }
- .widget.LinkList ul li > a{
- width: 23px;
- height: 21px;
- display: inline-block !important;
- overflow: hidden;
- text-indent: -9999px;
- margin: 0px 2px;
- }
- .widget.LinkList ul li:last-child{
- }
- .widget.LinkList ul li{
- opacity: 1;
- }
- .widget.LinkList ul li:hover{
- opacity: 0.3;
- transition: all 300ms ease-in-out;
- }
- .widget.LinkList a[href^="http://www.facebook.com"],
- .widget.LinkList a[href^="https://www.facebook.com"],
- .widget.LinkList a[href^="http://facebook.com"],
- .widget.LinkList a[href^="https://facebook.com"]{
- background: url(http://2.bp.blogspot.com/-X35VN9nw5ys/VJXQxaGDcKI/AAAAAAAABAk/lI2FtYj2oOc/s1600/facebook.png) center no-repeat;
- }
- .widget.LinkList a[href^="http://flickr.com"],
- .widget.LinkList a[href^="http://www.flickr.com"],
- .widget.LinkList a[href^="https://flickr.com"],
- .widget.LinkList a[href^="https://www.flickr.com"]{
- background: url(http://2.bp.blogspot.com/-ux_7YBo5JUM/VJXQxlkW4HI/AAAAAAAABAg/k02C4sNBUPc/s1600/flickr.png) center no-repeat;
- }
- .widget.LinkList a[href^="https://plus.google.com"],
- .widget.LinkList a[href^="http://plus.google.com"]{
- background: url(http://2.bp.blogspot.com/-QtJLLyUMLgQ/VJXQyMBDs_I/AAAAAAAABAo/E75oGiQLIWM/s1600/google%2B%2B.png) center no-repeat;
- }
- .widget.LinkList a[href^="http://instagram.com"],
- .widget.LinkList a[href^="http://www.instagram.com"],
- .widget.LinkList a[href^="https://instagram.com"],
- .widget.LinkList a[href^="https://www.instagram.com"] {
- background: url(http://3.bp.blogspot.com/-P6LLQdzYfpg/VJXQyZ6vP7I/AAAAAAAABBQ/bXd2AAnaG0U/s1600/instagram.png) center no-repeat;
- }
- .widget.LinkList a[href^="http://pinterest.com"],
- .widget.LinkList a[href^="http://www.pinterest.com"],
- .widget.LinkList a[href^="https://pinterest.com"],
- .widget.LinkList a[href^="https://www.pinterest.com"]{
- background: url(http://1.bp.blogspot.com/-90HzpW1rNVk/VJXQyquV6bI/AAAAAAAABAs/-D-MNXSpKWE/s1600/pinterest.png) center no-repeat;
- }
- .widget.LinkList a[href^="http://twitter.com"],
- .widget.LinkList a[href^="https://twitter.com"],
- .widget.LinkList a[href^="http://www.twitter.com"],
- .widget.LinkList a[href^="https://www.twitter.com"]{
- background: url(http://4.bp.blogspot.com/-6aa2RE2deM8/VJXQzOsujhI/AAAAAAAABA4/eWdm5ta42lM/s1600/twitter.pn) center no-repeat;
- }
- .widget.LinkList a[href^="http://tumblr.com"],
- .widget.LinkList a[href^="https://tumblr.com"],
- .widget.LinkList a[href^="http://www.tumblr.com"],
- .widget.LinkList a[href^="https://www.tumblr.com"]{
- background: url(http://3.bp.blogspot.com/-OdKY-prUbsE/VJXQy151LaI/AAAAAAAABA0/K8X22bbKtT8/s1600/tumblr.png) center no-repeat;
- }
- .widget.LinkList a[href^="http://bloglovin.com"],
- .widget.LinkList a[href^="https://bloglovin.com"],
- .widget.LinkList a[href^="http://www.bloglovin.com"],
- .widget.LinkList a[href^="https://www.bloglovin.com"]{
- background: url(http://3.bp.blogspot.com/-z7zLZb6_5a8/VJXQxVBd3zI/AAAAAAAABAc/3yzU80afg98/s1600/bloglovin.png) center no-repeat;
- }
- .widget.LinkList a[href^="http://youtube.com"],
- .widget.LinkList a[href^="https://youtube.com"],
- .widget.LinkList a[href^="http://www.youtube.com"],
- .widget.LinkList a[href^="https://www.youtube.com"]{
- background: url(http://3.bp.blogspot.com/-iwQcUzu_v7I/VJXQzRaayxI/AAAAAAAABBA/_QlOz9d03M4/s1600/youtube2.png) center no-repeat;
- }
- .sidebar.section{
- margin:0 auto !important;
- }
- /* ------------------- text ------------------- */
- .widget.Text h2.title{
- margin-top:37px;
- }
- .widget.Text .widget-content {
- text-align: center;
- padding: 10px 10px;
- color: rgba(96, 96, 96, 1);
- word-wrap: break-word;
- }
- #Text1.widget.Text {
- margin-top:0px;
- padding-bottom:32px;
- background:#ffffff;
- }
- #Text1.widget.Text .widget-content{
- width:auto !important;
- }
- #Text1.widget.Text h2.title{
- margin-top:0px;
- padding-top:0px;
- }
- #Text2.widget.Text{
- margin-top: 0px; !important;
- margin-bottom: 20px !important;
- }
- /* ------------------- coments ------------------- */
- .comments .comments-content .icon.blog-author {
- background-repeat: no-repeat;
- }
- .comments .comments-content .loadmore a {
- }
- .comments .comment-thread.inline-thread {
- }
- .comments .continue {
- background:$(posts.background.color);
- }
- .comment-header {
- padding-bottom:20px;
- margin-top:40px;
- font: $(tabs.font);
- text-transform: uppercase;
- letter-spacing:2px;
- }
- .comments .comments-content .user {
- font-weight:normal;
- }
- .comment-content {
- font:$(body.font);
- line-height: 1.8em;
- color: $(body.text.color);
- padding-bottom: 15px;
- }
- .comment-actions{
- font-family: $(tabs.font) !important;
- letter-spacing: 2px;
- font-size: 80%;
- text-transform:uppercase;
- }
- .comment-actions a:link {
- color: $(link.color);
- }
- .comment-actions a:hover{
- color: $(link.hover.color);
- }
- .comment-block {
- background:$(posts.background.color);
- padding: 25px;
- }
- .avatar-image-container{
- border: none;
- padding: 0;
- }
- .thread-toggle {
- font-family: $(tabs.font) !important;
- letter-spacing: 2px;
- font-size: 80%;
- text-transform:uppercase;
- }
- .continue {
- display: inline-block;
- font-family: $(tabs.font) !important;
- letter-spacing: 2px;
- font-size: 80%;
- text-transform:uppercase;
- padding: 2px;
- }
- .continue a:link {
- display: none !important;
- }
- /* ----- details ------ */
- .status-msg-wrap{
- font-size:100%;
- width:100%;
- margin:30px 0 70px 0;
- }
- .status-msg-body{
- background:$(posts.background.color);
- padding:30px 0;
- }
- .status-msg-border{
- border:none;
- }
- .status-msg-bg{
- background-color:none;
- }
- .footer-outer {
- border-top: none;
- }
- .footer-inner {
- padding:0 !important;
- }
- /* ----- to top button ------ */
- .go-top {
- position: fixed;
- bottom: 1em;
- right: 1em;
- color:#9E9E9E !important;
- font-size:14px;
- display: none;
- margin: 0;
- text-transform:uppercase;
- border:1px solid #9E9E9E;
- padding:17px 17px;
- border-radius: 250px;
- line-height: 0px;
- z-index: 100 !important;
- }
- /* ----- posts ------ */
- .main-inner {
- padding-top: 40px;
- padding-bottom: $(main.padding.bottom);
- background:$(body.background.color);
- }
- .main-inner .column-center-inner {
- padding: 0 $(main.padding);
- }
- .main-inner .column-center-inner .section {
- margin: 0 $(main.section.margin) 0 0;
- }
- .column-center-outer {
- width:100%;
- }
- .post {
- margin: 0 0 $(post.margin.bottom) 0;
- }
- h3.post-title, .comments h4 {
- font: $(post.title.font);
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- }
- .post-body {
- margin-top:35px;
- font-size: 100%;
- line-height: 1.8;
- position: relative;
- word-wrap: break-word;
- }
- .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
- .BlogList .item-thumbnail img {
- padding: 0;
- background: $(image.background.color);
- }
- .post-body img, .post-body .tr-caption-container {
- width:100%;
- height:auto;
- }
- .post-body .tr-caption-container {
- color: $(image.text.color);
- }
- .post-body .tr-caption-container img {
- padding: 0;
- background: transparent;
- border: none;
- }
- .post-header {
- margin: 0 0 1.5em;
- line-height: 1.6;
- font-size: 100%;
- margin: 0 auto;
- text-align: center;
- }
- .date-header{
- display: inline-block;
- }
- .post-body blockquote {
- margin: 20px 0;
- line-height:1.8em;
- font-size:14px;
- font-style:italic;
- border:1px solid $(details.color);
- padding:35px;
- }
- .post-footer {
- margin: 35px 0 10px;
- padding: 0;
- font:$(tabs.font);
- color: $(post.footer.text.color);
- background-color: $(post.footer.background.color);
- line-height: 1.8;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:right;
- }
- .post-footer td:last-child{
- border-right:none;
- width: 32%;
- }
- span.post-labels{
- display:none;
- }
- .comment-link {
- margin-left:0;
- }
- .jump{
- width: 36%;
- }
- .jump-link{
- margin:0 auto;
- text-align: center;
- }
- .jump-link a{
- font:$(tabs.font);
- color:$(link.hover.color);
- text-transform:uppercase;
- white-space: nowrap;
- overflow: hidden;
- text-align: center;
- }
- .jump-link a:hover{
- color:$(link.color);
- }
- .share td{
- border:none;
- }
- .share .fa{
- font-size:14px;
- }
- .post-share-buttons.goog-inline-block{
- width:100%;
- margin:15px 0;
- }
- .post-share-buttons{
- position:relative;
- text-align:center;
- font:$(tabs.font);
- }
- .share-button{
- background:none !important;
- height:16px;
- }
- #comments .comment-author {
- padding-top: 1.5em;
- border-top: 1px solid $(body.rule.color);
- background-position: 0 1.5em;
- }
- #comments .comment-author:first-child {
- padding-top: 0;
- border-top: none;
- }
- .avatar-image-container {
- margin: .2em 0 0;
- }
- #comments .avatar-image-container img {
- }
- /* ----- related posts ------ */
- .linkwithin_div {
- background: $(content.background.color);
- padding: 0;
- }
- .linkwithin_inner{
- width:100% !important;
- }
- .linkwithin_text {
- font:$(tabs.font);
- color:#fd4855 !important; /* TITLE COLOR*/
- text-transform:uppercase;
- letter-spacing:1px;
- }
- a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
- display:none;
- }
- .linkwithin_posts {
- max-width: 712px !important;
- }
- .linkwithin_posts a {
- border: 0 !important;
- padding-right: 30px !important;
- }
- .linkwithin_posts a:hover {
- background: #fff !important;
- }
- .linkwithin_img_0, .linkwithin_img_1, .linkwithin_img_2, .linkwithin_img_3, .linkwithin_img_4, .linkwithin_img_5, .linkwithin_img_6, .linkwithin_img_7{
- border: none !important;
- padding: 2px !important;
- transition:all .2s linear;
- -o-transition:all .5s linear;
- -moz-transition:all .2s linear;
- -webkit-transition:all .2s linear;
- }
- .linkwithin_img_0:hover {
- background: #ffffff;
- padding: 2px !important;
- opacity:.6;
- filter:alpha(opacity=60)
- }
- .linkwithin_title {
- color: #ff8c94 !important; /*POST TITLE COLOR*/
- font-size: 12px !important;
- line-height: 24px !important;
- text-align:center;
- text-decoration: none;
- }
- .linkwithin_title:hover {
- color: #fd4855 !important;/*POST TITLE COLOR ON HOVER*/
- }
- ]]></b:skin>
- <b:template-skin>
- <![CDATA[
- .content-outer, .content-fauxcolumn-outer, .region-inner {
- max-width: 100%;
- _width: 100%;
- }
- .column-center-outer,
- .column-right-outer {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .column-center-outer {
- width: 70%;
- float: left;
- }
- .column-right-outer {
- width: 27%;
- float: right;
- }
- /* ----- responsive ------ */
- @media screen and (min-width:901px) and (max-width: 1025px) {
- .header-inner .section{
- margin-left:20px;
- }
- .header2{
- width:100%;
- }
- .main-outer{
- margin:0 10px;
- }
- .linkwithin_posts a {
- border: 0 !important;
- padding-right: 10px !important;
- }
- }
- @media screen and (min-width:604px) and (max-width: 900px) {
- .column-center-outer {
- width: 65%;
- float: left;
- }
- .column-right-outer {
- width: 35%;
- float: right;
- }
- .main-inner .column-center-inner .section{
- margin:0 15px;
- }
- .Header h1{
- margin-bottom:20px;
- }
- .post-body img{
- width:100%;
- height:auto;
- }
- .linkwithin_posts a {
- border: 0 !important;
- padding:10px !important;
- }
- .share-button{
- padding:0;
- }
- #blog-pager{
- margin-bottom:50px;
- }
- .go-top, .description{
- display:none;
- }
- }
- @media screen and (max-width: 604px) {
- a.go-top{
- display:none !important;
- }
- .column-center-outer,
- .column-right-outer {
- width: 100%;
- float: none;
- clear:both;
- }
- .main-inner .column-center-inner .section{
- margin:0 15px;
- }
- .header, .header2{
- width:100%;
- text-align:center;
- }
- .header2.section{
- margin-top:-40px;
- padding-bottom:10px;
- }
- #PageList1 ul{
- text-align:center;
- }
- .crosscol.section{
- top:200px;
- }
- .post-body img{
- width:100%;
- height:auto;
- }
- .linkwithin_posts a {
- border: 0 !important;
- padding:15px !important;
- }
- #blog-pager{
- margin-bottom:50px;
- }
- #sidebar-right-1{
- width:80% !important;
- }
- }
- @media screen and (max-width: 410px) {
- .post-footer{
- border:none;
- }
- .post-footer td{
- border-right:none;
- width:0;
- }
- .post-share-buttons .goog-inline-block, .post-comment-link{
- display:none;
- }
- td.jump{
- width:100%;
- }
- aside{
- display:none;
- }
- #lws_0, #lws_1, #lws_2, #lws_3, #lws_4, #lws_5, #lws_6, #lws_7, #lws_8, #lws_9, #lws_10 {
- display:none;
- }
- }
- #layout {
- min-width: 0;
- }
- #layout .content-outer {
- min-width: 0;
- width: 800px;
- }
- #layout .region-inner {
- min-width: 0;
- width: auto;
- }
- ]]>
- </b:template-skin>
- <b:include data='blog' name='google-analytics'/>
- <!-- ==Condicionales == -->
- <b:if cond='data:blog.url != data:blog.homepageUrl'>
- <style type='text/css'>
- #slider-rotator {
- display: none;
- }
- .rotator-num{
- display: none;
- }
- .column-right-outer{
- margin-top:0;
- }
- </style>
- </b:if>
- <b:if cond='data:blog.pageType == "static_page"'>
- <style type='text/css'>
- .post-footer{
- display:none;
- }
- #blog-pager{
- border-top:0px solid #323232;
- padding-top:5px;
- }
- </style>
- </b:if>
- <!-- == Fin Condicionales == -->
- <!-- == FOTOS Y PP == -->
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
- <script type='text/javascript'>//<![CDATA[
- /**
- this script was written by Confluent Forms LLC http://www.confluentforms.com
- for the BlogXpertise website http://www.blogxpertise.com
- any updates to this script will be posted to BlogXpertise
- please leave this message and give credit where credit is due!
- **/
- $(document).ready(function(){
- $('.post-body').find('img').each(function(n, image){
- var image = $(image);
- image.parent().css('margin-left',0).css('margin-right',0).css('margin-top',0).css('margin-bottom',0);
- });
- });
- //]]></script>
- <script type='text/javascript'>
- $(document).ready(function() {$('.PopularPosts img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});});
- </script>
- <script type='text/javascript'>
- //<![CDATA[
- // Popular Posts customization by AllBloggerTricks.com
- // Trim Code by MS-potilas 2012
- $('.popular-posts ul li .item-snippet').each(function(){
- var txt=$(this).text().substr(0,120);
- var j=txt.lastIndexOf(' ');
- if(j>10)
- $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
- });
- //]]>
- </script>
- <!-- == Fin FOTOS Y PP== -->
- </head>
- <body>
- <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
- <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
- <b:includable id='main'><script type="text/javascript">
- function setAttributeOnload(object, attribute, val) {
- if(window.addEventListener) {
- window.addEventListener('load',
- function(){ object[attribute] = val; }, false);
- } else {
- window.attachEvent('onload', function(){ object[attribute] = val; });
- }
- }
- </script>
- <div id="navbar-iframe-container"></div>
- <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
- <script type="text/javascript">
- gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
- if (gapi.iframes && gapi.iframes.getContext) {
- gapi.iframes.getContext().openChild({
- url: 'https://www.blogger.com/navbar.g?targetBlogID\0753661777420182987588\46blogName\75JsFabulousWorld\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://www.jsfabulousworld.de/search\46blogLocale\75de\46v\0752\46homepageUrl\75http://www.jsfabulousworld.de/\46blogFollowUrl\75https://plus.google.com/114976567185971845927\46vt\75-5194472718894665300',
- where: document.getElementById("navbar-iframe-container"),
- id: "navbar-iframe"
- });
- }
- });
- </script><script type="text/javascript">
- (function() {
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
- var head = document.getElementsByTagName('head')[0];
- if (head) {
- head.appendChild(script);
- }})();
- </script>
- </b:includable>
- </b:widget>
- </b:section>
- <b:if cond='data:blog.pageType == "index"'>
- <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='outer-wrapper'>
- <!-- == Cabecera == -->
- <div class='container'>
- <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='2' showaddelement='yes'>
- <b:widget id='Header1' locked='true' title='JsFabulousWorld (Header)' type='Header'>
- <b:includable id='main'>
- <b:if cond='data:useImage'>
- <b:if cond='data:imagePlacement == "BEHIND"'>
- <!--
- 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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' 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: block'>
- <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
- </a>
- <!--Show the description-->
- <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
- <b:include name='description'/>
- </b:if>
- </div>
- </b:if>
- <b:else/>
- <!--No header image -->
- <div id='header-inner'>
- <div class='titlewrapper'>
- <h1 class='title'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='description'>
- <div class='descriptionwrapper'>
- <p class='description'><span><data:description/></span></p>
- </div>
- </b:includable>
- <b:includable id='title'>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <data:title/>
- <b:else/>
- <a expr:href='data:blog.homepageUrl'><data:title/></a>
- </b:if>
- </b:includable>
- </b:widget>
- </b:section>
- <b:section class='header2' id='header2' showaddelement='yes'>
- <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
- <b:includable id='main'>
- <b:if cond='data:title'><h2><data:title/></h2></b:if>
- <div class='widget-content'>
- <b:if cond='data:mobile'>
- <select expr:id='data:widget.instanceId + "_select"'>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
- <b:else/>
- <option expr:value='data:link.href'><data:link.title/></option>
- </b:if>
- </b:loop>
- </select>
- <span class='pagelist-arrow'>&#9660;</span>
- <b:else/>
- <ul>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
- <b:else/>
- <li><a expr:href='data:link.href'><data:link.title/></a></li>
- </b:if>
- </b:loop>
- </ul>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- <div style='clear: both;'/>
- </div>
- </div>
- <div class='header-cap-bottom cap-bottom'>
- <div class='cap-left'/>
- <div class='cap-right'/>
- </div>
- </div>
- </header>
- <!-- == Fin Cabecera == -->
- <!-- == Menú == -->
- <div class='tabs-outer'>
- <div class='region-inner tabs-inner'>
- <b:section class='tabs' id='crosscol' maxwidgets='2' showaddelement='yes'/>
- </div>
- </div>
- </div>
- <!-- == Fin Menú == -->
- <!-- == PARALLAX BG == -->
- <!-- == PARALLAX BG == -->
- <div class='container'>
- <div class='region-inner main-inner'>
- <div class='main-outer'>
- <!-- corrects IE6 width calculation -->
- <div class='columns-inner'>
- <div class='column-center-outer'>
- <div class='column-center-inner'>
- <b:section class='main' id='main' showaddelement='no'>
- <b:widget id='Blog1' locked='true' title='Blogposts' type='Blog'>
- <b:includable id='main' var='top'>
- <b:if cond='data:mobile == "false"'>
- <!-- posts -->
- <div class='blog-posts hfeed'>
- <b:include data='top' name='status-message'/>
- <data:defaultAdStart/>
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.isDateStart'>
- <b:if cond='data:post.isFirstPost == "false"'>
- </div></div>
- </b:if>
- </b:if>
- <b:if cond='data:post.isDateStart'>
- <div class="date-outer">
- </b:if>
- <b:if cond='data:post.isDateStart'>
- <div class="date-posts">
- </b:if>
- <div class='post-outer'>
- <b:include data='post' name='post'/>
- <b:if cond='data:blog.pageType == "static_page"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- </div>
- <b:if cond='data:post.includeAd'>
- <b:if cond='data:post.isFirstPost'>
- <data:defaultAdEnd/>
- <b:else/>
- <data:adEnd/>
- </b:if>
- <div class='inline-ad'>
- <data:adCode/>
- </div>
- <data:adStart/>
- </b:if>
- </b:loop>
- <b:if cond='data:numPosts != 0'>
- </div></div>
- </b:if>
- <data:adEnd/>
- </div>
- <!-- navigation -->
- <b:include name='nextprev'/>
- <!-- feed links -->
- <b:include name='feedLinks'/>
- <b:if cond='data:top.showStars'>
- <script src='//www.google.com/jsapi' type='text/javascript'/>
- <script type='text/javascript'>
- google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
- function initialize() {
- google.annotations.setApplicationId(<data:top.blogspotReviews/>);
- google.annotations.createAll();
- google.annotations.fetch();
- }
- google.setOnLoadCallback(initialize);
- </script>
- </b:if>
- <b:else/>
- <b:include name='mobile-main'/>
- </b:if>
- <b:if cond='data:top.showDummy'>
- <data:top.dummyBootstrap/>
- </b:if>
- </b:includable>
- <b:includable id='backlinkDeleteIcon' var='backlink'>
- <span expr:class='"item-control " + data:backlink.adminClass'>
- <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
- <img src='//www.blogger.com/img/icon_delete13.gif'/>
- </a>
- </span>
- </b:includable>
- <b:includable id='backlinks' var='post'>
- <a name='links'/><h4><data:post.backlinksLabel/></h4>
- <b:if cond='data:post.numBacklinks != 0'>
- <dl class='comments-block' id='comments-block'>
- <b:loop values='data:post.backlinks' var='backlink'>
- <div class='collapsed-backlink backlink-control'>
- <dt class='comment-title'>
- <span class='backlink-toggle-zippy'> </span>
- <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
- <b:include data='backlink' name='backlinkDeleteIcon'/>
- </dt>
- <dd class='comment-body collapseable'>
- <data:backlink.snippet/>
- </dd>
- <dd class='comment-footer collapseable'>
- <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
- <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
- </dd>
- </div>
- </b:loop>
- </dl>
- </b:if>
- <p class='comment-footer'>
- <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
- </p>
- </b:includable>
- <b:includable id='comment-form' var='post'>
- <div class='comment-form'>
- <a name='comment-form'/>
- <b:if cond='data:mobile'>
- <h4 id='comment-post-message'>
- <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <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%'/>
- <b:else/>
- <h4 id='comment-post-message'><data:postCommentMsg/></h4>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
- </b:if>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='commentDeleteIcon' var='comment'>
- <span expr:class='"item-control " + data:comment.adminClass'>
- <b:if cond='data:showCmtPopup'>
- <div class='goog-toggle-button'>
- <div class='goog-inline-block comment-action-icon'/>
- </div>
- <b:else/>
- <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
- <img src='//www.blogger.com/img/icon_delete13.gif'/>
- </a>
- </b:if>
- </span>
- </b:includable>
- <b:includable id='comment_count_picker' var='post'>
- <b:if cond='data:post.commentSource == 1'>
- <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
- </span>
- <b:else/>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
- <data:post.commentLabelFull/>
- </a>
- </b:if>
- </b:includable>
- <b:includable id='comment_picker' var='post'>
- <b:if cond='data:post.commentSource == 1'>
- <b:include data='post' name='iframe_comments'/>
- <b:else/>
- <b:if cond='data:post.showThreadedComments'>
- <b:include data='post' name='threaded_comments'/>
- <b:else/>
- <b:include data='post' name='comments'/>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <b:if cond='data:post.allowComments'>
- <h4><data:post.commentLabelFull/></h4>
- <b:if cond='data:post.commentPagingRequired'>
- <span class='paging-control-container'>
- <b:if cond='data:post.hasOlderLinks'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
-  
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
-  
- </b:if>
- <data:post.commentRangeText/>
- <b:if cond='data:post.hasNewerLinks'>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
- </b:if>
- </span>
- </b:if>
- <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
- <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- <b:loop values='data:post.comments' var='comment'>
- <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
- <b:if cond='data:comment.favicon'>
- <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
- </b:if>
- <a expr:name='data:comment.anchorName'/>
- <b:if cond='data:blog.enabledCommentProfileImages'>
- <data:comment.authorAvatarImage/>
- </b:if>
- <b:if cond='data:comment.authorUrl'>
- <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
- <b:else/>
- <data:comment.author/>
- </b:if>
- <data:commentPostedByMsg/>
- </dt>
- <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
- <b:if cond='data:comment.isDeleted'>
- <span class='deleted-comment'><data:comment.body/></span>
- <b:else/>
- <p>
- <data:comment.body/>
- </p>
- </b:if>
- </dd>
- <dd class='comment-footer'>
- <span class='comment-timestamp'>
- <a expr:href='data:comment.url' title='comment permalink'>
- <data:comment.timestamp/>
- </a>
- <b:include data='comment' name='commentDeleteIcon'/>
- </span>
- </dd>
- </b:loop>
- </dl>
- </div>
- <b:if cond='data:post.commentPagingRequired'>
- <span class='paging-control-container'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
- <data:post.oldestLinkText/>
- </a>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
- <data:post.olderLinkText/>
- </a>
-  
- <data:post.commentRangeText/>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
- <data:post.newerLinkText/>
- </a>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
- <data:post.newestLinkText/>
- </a>
- </span>
- </b:if>
- <p class='comment-footer'>
- <b:if cond='data:post.embedCommentForm'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='comment-form'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- <b:else/>
- <b:if cond='data:post.allowComments'>
- <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </p>
- </b:if>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- <div id='backlinks-container'>
- <div expr:id='data:widget.instanceId + "_backlinks-container"'>
- <b:if cond='data:post.showBacklinks'>
- <b:include data='post' name='backlinks'/>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='feedLinks'>
- <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
- <b:if cond='data:feedLinks'>
- <div class='blog-feeds'>
- <b:include data='feedLinks' name='feedLinksBody'/>
- </div>
- </b:if>
- <b:else/> <!--Post feed links -->
- <div class='post-feeds'>
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.allowComments'>
- <b:if cond='data:post.feedLinks'>
- <b:include data='post.feedLinks' name='feedLinksBody'/>
- </b:if>
- </b:if>
- </b:loop>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='feedLinksBody' var='links'>
- <div class='feed-links'>
- <data:feedLinksMsg/>
- <b:loop values='data:links' var='f'>
- <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
- </b:loop>
- </div>
- </b:includable>
- <b:includable id='iframe_comments' var='post'>
- <b:if cond='data:post.allowIframeComments'>
- <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
- <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
- <b:if cond='data:post.embedCommentForm == "false"'>
- <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='mobile-index-post' var='post'>
- <div class='mobile-date-outer date-outer'>
- <b:if cond='data:post.dateHeader'>
- <div class='date-header'>
- <span><data:post.dateHeader/></span>
- </div>
- </b:if>
- <div class='mobile-post-outer'>
- <a expr:href='data:post.url'>
- <h3 class='mobile-index-title entry-title' itemprop='name'>
- <data:post.title/>
- </h3>
- <div class='mobile-index-arrow'>&rsaquo;</div>
- <div class='mobile-index-contents'>
- <b:if cond='data:post.thumbnailUrl'>
- <div class='mobile-index-thumbnail'>
- <div class='Image'>
- <img expr:src='data:post.thumbnailUrl'/>
- </div>
- </div>
- </b:if>
- <div class='post-body'>
- <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
- </div>
- </div>
- <div style='clear: both;'/>
- </a>
- <div class='mobile-index-comment'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <b:if cond='data:post.numComments != 0'>
- <b:include data='post' name='comment_count_picker'/>
- </b:if>
- </b:if>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='mobile-main' var='top'>
- <!-- posts -->
- <div class='blog-posts hfeed'>
- <b:include data='top' name='status-message'/>
- <b:if cond='data:blog.pageType == "index"'>
- <b:loop values='data:posts' var='post'>
- <b:include data='post' name='mobile-index-post'/>
- </b:loop>
- <b:else/>
- <b:loop values='data:posts' var='post'>
- <b:include data='post' name='mobile-post'/>
- </b:loop>
- </b:if>
- </div>
- <b:include name='mobile-nextprev'/>
- </b:includable>
- <b:includable id='mobile-nextprev'>
- <div class='blog-pager' id='blog-pager'>
- <b:if cond='data:newerPageUrl'>
- <div class='mobile-link-button' id='blog-pager-newer-link'>
- <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><i class='fa fa-chevron-left'/></a>
- </div>
- </b:if>
- <b:if cond='data:olderPageUrl'>
- <div class='mobile-link-button' id='blog-pager-older-link'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='fa fa-chevron-right'/></a>
- </div>
- </b:if>
- <div class='mobile-link-button' id='blog-pager-home-link'>
- <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
- </div>
- <div class='mobile-desktop-link'>
- <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
- </div>
- </div>
- <div class='clear'/>
- </b:includable>
- <b:includable id='mobile-post' var='post'>
- <div class='date-posts'>
- <div class='post-outer'>
- <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
- <b:if cond='data:post.thumbnailUrl'>
- <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
- </b:if>
- <meta expr:content='data:blog.blogId' itemprop='blogId'/>
- <meta expr:content='data:post.id' itemprop='postId'/>
- <a expr:name='data:post.id'/>
- <b:if cond='data:post.title'>
- <h3 class='post-title entry-title' itemprop='name'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link'><data:post.title/></a>
- <b:else/>
- <b:if cond='data:post.url'>
- <b:if cond='data:blog.url != data:post.url'>
- <a expr:href='data:post.url'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h3>
- </b:if>
- <div class='post-header'>
- <div class='post-header-line-1'/>
- </div>
- <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
- <data:post.body/>
- <div style='clear: both;'/> <!-- clear for photos floats -->
- </div>
- <div class='post-footer'>
- <div class='post-footer-line post-footer-line-1'>
- <span class='post-author vcard'>
- <b:if cond='data:top.showAuthor'>
- <b:if cond='data:post.authorProfileUrl'>
- <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
- <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
- <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
- <span itemprop='name'><data:post.author/></span>
- </a>
- </span>
- <b:else/>
- <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
- <span itemprop='name'><data:post.author/></span>
- </span>
- </b:if>
- </b:if>
- </span>
- <span class='post-timestamp'>
- <b:if cond='data:top.showTimestamp'>
- <data:top.timestampLabel/>
- <b:if cond='data:post.url'>
- <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
- <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>
- </b:if>
- </b:if>
- </span>
- <span class='post-comment-link'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <b:include data='post' name='comment_count_picker'/>
- </b:if>
- </b:if>
- </b:if>
- </span>
- </div>
- <div class='post-footer-line post-footer-line-2'>
- <b:if cond='data:top.showMobileShare'>
- <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
- <a href='javascript:void(0);'><data:shareMsg/></a>
- </div>
- </b:if>
- <b:if cond='data:top.showDummy'>
- <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
- </b:if>
- </div>
- </div>
- </div>
- <b:if cond='data:blog.pageType == "static_page"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:include data='post' name='comment_picker'/>
- </b:if>
- </div>
- </div>
- </b:includable>
- <b:includable id='nextprev'>
- <div class='blog-pager' id='blog-pager'>
- <b:if cond='data:newerPageUrl'>
- <span id='blog-pager-newer-link'>
- <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><i class='fa fa-chevron-left'/></a>
- </span>
- </b:if>
- <b:if cond='data:olderPageUrl'>
- <span id='blog-pager-older-link'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='fa fa-chevron-right'/></a>
- </span>
- </b:if>
- <b:if cond='data:mobileLinkUrl'>
- <div class='blog-mobile-link'>
- <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
- </div>
- </b:if>
- </div>
- <div class='clear'/>
- </b:includable>
- <b:includable id='post' var='post'>
- <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
- <b:if cond='data:post.firstImageUrl'>
- <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
- </b:if>
- <meta expr:content='data:blog.blogId' itemprop='blogId'/>
- <meta expr:content='data:post.id' itemprop='postId'/>
- <a expr:name='data:post.id'/>
- <b:if cond='data:post.title'>
- <h3 class='post-title entry-title' itemprop='name'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link'><data:post.title/></a>
- <b:else/>
- <b:if cond='data:post.url'>
- <b:if cond='data:blog.url != data:post.url'>
- <a expr:href='data:post.url'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h3>
- </b:if>
- <div class='post-header'>
- <div class='post-header-line-1'/>
- <div class='date-outer'>
- <b:if cond='data:post.dateHeader'>
- <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
- </b:if>
- </div>
- </div>
- <b:if cond='data:blog.metaDescription == ""'>
- <!-- Then use the post body as the schema.org description,
- for good G+/FB snippeting. -->
- <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
- <data:post.body/>
- <div style='clear: both;'/> <!-- clear for photos floats -->
- </div>
- <b:else/>
- <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
- <data:post.body/>
- <div style='clear: both;'/> <!-- clear for photos floats -->
- </div>
- </b:if>
- <div class='post-footer'>
- <table width='100%;'><tr><td><div class='post-share-buttons goog-inline-block'>
- <b:if cond='data:post.sharePostUrl'>
- <b:include data='post' name='shareButtons'/>
- </b:if>
- </div></td><td class='jump'><b:if cond='data:post.hasJumpLink'>
- <div class='jump-link'>
- <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
- </div>
- </b:if></td><td><span class='post-comment-link'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <b:include data='post' name='comment_count_picker'/>
- </b:if>
- </b:if>
- </b:if>
- </span></td></tr></table>
- <div class='post-footer-line post-footer-line-1'>
- <span class='post-labels'>
- <b:if cond='data:post.labels'>
- <data:postLabelsLabel/>
- <b:loop values='data:post.labels' var='label'>
- <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
- </b:loop>
- </b:if>
- </span>
- <span class='post-location'>
- <b:if cond='data:top.showLocation'>
- <b:if cond='data:post.location'>
- <data:postLocationLabel/>
- <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
- </b:if>
- </b:if>
- </span> </div>
- <b:if cond='data:post.authorAboutMe'>
- <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
- <b:if cond='data:post.authorPhoto.url'>
- <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
- </b:if>
- <div>
- <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
- <span itemprop='name'><data:post.author/></span>
- </a>
- </div>
- <span itemprop='description'><data:post.authorAboutMe/></span>
- </div>
- </b:if>
- </div>
- </div>
- </b:includable>
- <b:includable id='postQuickEdit' var='post'>
- <b:if cond='data:post.editUrl'>
- <span expr:class='"item-control " + data:post.adminClass'>
- <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
- <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
- </a>
- </span>
- </b:if>
- </b:includable>
- <b:includable id='shareButtons' var='post'>
- <div class='share'><table style='text-align:center; margin:0 0;'><tbody><tr><td><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><i class='fa fa-envelope-o'/></a></td><td><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><i class='fa fa-twitter'/></a></td><td><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><i class='fa fa-facebook'/></a></td><td><a class='goog-inline-block share-button sb-pinterest' href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><i class='fa fa-pinterest'/></a></td></tr></tbody></table></div>
- </b:includable>
- <b:includable id='status-message'>
- <b:if cond='data:navMessage'>
- <div class='status-msg-wrap'>
- <div class='status-msg-body'>
- <data:navMessage/>
- </div>
- <div class='status-msg-border'>
- <div class='status-msg-bg'>
- <div class='status-msg-hidden'><data:navMessage/></div>
- </div>
- </div>
- </div>
- <div style='clear: both;'/>
- </b:if>
- </b:includable>
- <b:includable id='threaded-comment-form' var='post'>
- <div class='comment-form'>
- <a name='comment-form'/>
- <b:if cond='data:mobile'>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <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%'/>
- <b:else/>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
- </b:if>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='threaded_comment_js' var='post'>
- <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
- <script type='text/javascript'>
- (function() {
- var items = <data:post.commentJso/>;
- var msgs = <data:post.commentMsgs/>;
- var config = <data:post.commentConfig/>;
- // <![CDATA[
- var cursor = null;
- if (items && items.length > 0) {
- cursor = parseInt(items[items.length - 1].timestamp) + 1;
- }
- var bodyFromEntry = function(entry) {
- if (entry.gd$extendedProperty) {
- for (var k in entry.gd$extendedProperty) {
- if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
- return '<span class="deleted-comment">' + entry.content.$t + '</span>';
- }
- }
- }
- return entry.content.$t;
- }
- var parse = function(data) {
- cursor = null;
- var comments = [];
- if (data && data.feed && data.feed.entry) {
- for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
- var comment = {};
- // comment ID, parsed out of the original id format
- var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
- comment.id = id ? id[2] : null;
- comment.body = bodyFromEntry(entry);
- comment.timestamp = Date.parse(entry.published.$t) + '';
- if (entry.author && entry.author.constructor === Array) {
- var auth = entry.author[0];
- if (auth) {
- comment.author = {
- name: (auth.name ? auth.name.$t : undefined),
- profileUrl: (auth.uri ? auth.uri.$t : undefined),
- avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
- };
- }
- }
- if (entry.link) {
- if (entry.link[2]) {
- comment.link = comment.permalink = entry.link[2].href;
- }
- if (entry.link[3]) {
- var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
- if (pid && pid[1]) {
- comment.parentId = pid[1];
- }
- }
- }
- comment.deleteclass = 'item-control blog-admin';
- if (entry.gd$extendedProperty) {
- for (var k in entry.gd$extendedProperty) {
- if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
- comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
- } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
- comment.displayTime = entry.gd$extendedProperty[k].value;
- }
- }
- }
- comments.push(comment);
- }
- }
- return comments;
- };
- var paginator = function(callback) {
- if (hasMore()) {
- var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
- if (cursor) {
- url += '&published-min=' + new Date(cursor).toISOString();
- }
- window.bloggercomments = function(data) {
- var parsed = parse(data);
- cursor = parsed.length < 50 ? null
- : parseInt(parsed[parsed.length - 1].timestamp) + 1
- callback(parsed);
- window.bloggercomments = null;
- }
- url += '&callback=bloggercomments';
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = url;
- document.getElementsByTagName('head')[0].appendChild(script);
- }
- };
- var hasMore = function() {
- return !!cursor;
- };
- var getMeta = function(key, comment) {
- if ('iswriter' == key) {
- var matches = !!comment.author
- && comment.author.name == config.authorName
- && comment.author.profileUrl == config.authorUrl;
- return matches ? 'true' : '';
- } else if ('deletelink' == key) {
- return config.baseUri + '/delete-comment.g?blogID='
- + config.blogId + '&postID=' + comment.id;
- } else if ('deleteclass' == key) {
- return comment.deleteclass;
- }
- return '';
- };
- var replybox = null;
- var replyUrlParts = null;
- var replyParent = undefined;
- var onReply = function(commentId, domId) {
- if (replybox == null) {
- // lazily cache replybox, and adjust to suit this style:
- replybox = document.getElementById('comment-editor');
- if (replybox != null) {
- replybox.height = '250px';
- replybox.style.display = 'block';
- replyUrlParts = replybox.src.split('#');
- }
- }
- if (replybox && (commentId !== replyParent)) {
- document.getElementById(domId).insertBefore(replybox, null);
- replybox.src = replyUrlParts[0]
- + (commentId ? '&parentID=' + commentId : '')
- + '#' + replyUrlParts[1];
- replyParent = commentId;
- }
- };
- var hash = (window.location.hash || '#').substring(1);
- var startThread, targetComment;
- if (/^comment-form_/.test(hash)) {
- startThread = hash.substring('comment-form_'.length);
- } else if (/^c[0-9]+$/.test(hash)) {
- targetComment = hash.substring(1);
- }
- // Configure commenting API:
- var configJso = {
- 'maxDepth': config.maxThreadDepth
- };
- var provider = {
- 'id': config.postId,
- 'data': items,
- 'loadNext': paginator,
- 'hasMore': hasMore,
- 'getMeta': getMeta,
- 'onReply': onReply,
- 'rendered': true,
- 'initComment': targetComment,
- 'initReplyThread': startThread,
- 'config': configJso,
- 'messages': msgs
- };
- var render = function() {
- if (window.goog && window.goog.comments) {
- var holder = document.getElementById('comment-holder');
- window.goog.comments.render(holder, provider);
- }
- };
- // render now, or queue to render when library loads:
- if (window.goog && window.goog.comments) {
- render();
- } else {
- window.goog = window.goog || {};
- window.goog.comments = window.goog.comments || {};
- window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
- window.goog.comments.loadQueue.push(render);
- }
- })();
- // ]]>
- </script>
- </b:includable>
- <b:includable id='threaded_comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <h4><data:post.commentLabelFull/></h4>
- <div class='comments-content'>
- <b:if cond='data:post.embedCommentForm'>
- <b:include data='post' name='threaded_comment_js'/>
- </b:if>
- <div id='comment-holder'>
- <data:post.commentHtml/>
- </div>
- </div>
- <p class='comment-footer'>
- <b:if cond='data:post.allowNewComments'>
- <b:include data='post' name='threaded-comment-form'/>
- <b:else/>
- <data:post.noNewCommentsText/>
- </b:if>
- </p>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup'>
- <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- <div id='backlinks-container'>
- <div expr:id='data:widget.instanceId + "_backlinks-container"'>
- <b:if cond='data:post.showBacklinks'>
- <b:include data='post' name='backlinks'/>
- </b:if>
- </div>
- </div>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='HTML4' locked='false' title='LinkWithin' type='HTML'>
- <b:includable id='main'><data:content/></b:includable>
- </b:widget>
- </b:section>
- </div>
- </div>
- <div class='column-right-outer'>
- <div class='column-right-inner'>
- <aside>
- <macro:include id='main-column-right-sections' name='sections'>
- <macro:param default='2' name='num' value='1'/>
- <macro:param default='sidebar-right' name='idPrefix'/>
- <macro:param default='sidebar' name='class'/>
- <macro:param default='true' name='includeBottom'/>
- </macro:include>
- </aside>
- </div>
- </div>
- </div>
- <div style='clear: both'/>
- <!-- columns -->
- </div>
- <!-- main -->
- </div>
- </div>
- <footer>
- <div class='footer-outer'>
- <div class='footer-cap-top cap-top'>
- <div class='cap-left'/>
- <div class='cap-right'/>
- </div>
- <div class='fauxborder-left footer-fauxborder-left'>
- <div class='fauxborder-right footer-fauxborder-right'/>
- <div class='region-inner footer-inner'>
- <macro:include id='footer-sections' name='sections'>
- <macro:param default='2' name='num' value='1'/>
- <macro:param default='footer' name='idPrefix'/>
- <macro:param default='foot' name='class'/>
- <macro:param default='false' name='includeBottom'/>
- </macro:include>
- <!-- outside of the include in order to lock Attribution widget -->
- <b:section class='foot' id='footer-3' showaddelement='no'>
- <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
- <b:includable id='main'>
- <b:if cond='data:feedbackSurveyLink'>
- <div class='mobile-survey-link' style='text-align: center;'>
- <data:feedbackSurveyLink/>
- </div>
- </b:if>
- <div class='widget-content' style='text-align: center;'>
- <b:if cond='data:attribution != ""'>
- <data:attribution/>
- </b:if>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- </div>
- <div class='footer-cap-bottom cap-bottom'>
- <div class='cap-left'/>
- <div class='cap-right'/>
- </div>
- </div>
- </footer>
- <!-- content -->
- <!-- == Archivos == -->
- <script>
- if ( $('.archivedate').hasClass('expanded') )
- {
- $('.archivedate').removeClass('expanded');
- $('.archivedate').addClass('collapsed');
- }
- </script>
- <!-- == Fin Archivos == -->
- <script type='text/javascript'>
- window.setTimeout(function() {
- document.body.className = document.body.className.replace('loading', '');
- }, 10);
- </script>
- <!-- == Back To Top == -->
- <a class='go-top' href='#' style='display: none;'><i class='fa fa-chevron-up'/></a>
- <script type='text/javascript'>
- $(document).ready(function() {
- // Show or hide the sticky footer button
- $(window).scroll(function() {
- if ($(this).scrollTop() > 200) {
- $('.go-top').fadeIn(500);
- } else {
- $('.go-top').fadeOut(300);
- }
- });
- // Animate the scroll to top
- $('.go-top').click(function(event) {
- event.preventDefault();
- $('html, body').animate({scrollTop: 0}, 300);
- })
- });
- </script>
- <!-- == Fin Back To Top == -->
- </div>
- <div id="fb-root"></div>
- <script>(function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.async = true;
- js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));</script>
- </body>
- <macro:includable id='sections' var='col'>
- <macro:if cond='data:col.num == 0'>
- <macro:else/>
- <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
- <macro:if cond='data:col.num >= 2'>
- <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
- <tbody>
- <tr>
- <td class='first columns-cell'>
- <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
- </td>
- <td class='columns-cell'>
- <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
- </td>
- <macro:if cond='data:col.num >= 3'>
- <td class='columns-cell'>
- <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
- </td>
- </macro:if>
- <macro:if cond='data:col.num >= 4'>
- <td class='columns-cell'>
- <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
- </td>
- </macro:if>
- </tr>
- </tbody>
- </table>
- <macro:if cond='data:col.includeBottom'>
- <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
- </macro:if>
- </macro:if>
- </macro:if>
- </macro:includable>
- <b:section-contents id='sidebar-right-1'>
- <b:widget id='HTML2' locked='false' title='Facebook' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='Text2' locked='false' title='' type='Text'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='HTML1' locked='false' title='About me' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <div id='ArchiveList'>
- <div expr:id='data:widget.instanceId + "_ArchiveList"'>
- <b:if cond='data:style == "HIERARCHY"'>
- <b:include data='data' name='interval'/>
- </b:if>
- <b:if cond='data:style == "FLAT"'>
- <b:include data='data' name='flat'/>
- </b:if>
- <b:if cond='data:style == "MENU"'>
- <b:include data='data' name='menu'/>
- </b:if>
- </div>
- </div>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- <b:includable id='flat' var='data'>
- <ul class='flat'>
- <b:loop values='data:data' var='i'>
- <li class='archivedate'>
- <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
- </li>
- </b:loop>
- </ul>
- </b:includable>
- <b:includable id='interval' var='intervalData'>
- <b:loop values='data:intervalData' var='i'>
- <ul class='hierarchy'>
- <li expr:class='"archivedate " + data:i.expclass'>
- <b:include data='i' name='toggle'/>
- <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
- <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
- <b:if cond='data:i.data'>
- <b:include data='i.data' name='interval'/>
- </b:if>
- <b:if cond='data:i.posts'>
- <b:include data='i.posts' name='posts'/>
- </b:if>
- </li>
- </ul>
- </b:loop>
- </b:includable>
- <b:includable id='menu' var='data'>
- <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
- <option value=''><data:title/></option>
- <b:loop values='data:data' var='i'>
- <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
- </b:loop>
- </select>
- </b:includable>
- <b:includable id='posts' var='posts'>
- <ul class='posts'>
- <b:loop values='data:posts' var='i'>
- <li><a expr:href='data:i.url'><data:i.title/></a></li>
- </b:loop>
- </ul>
- </b:includable>
- <b:includable id='toggle' var='interval'>
- <b:if cond='data:interval.toggleId'>
- <b:if cond='data:interval.expclass == "expanded"'>
- <a class='toggle' href='javascript:void(0)'>
- <span class='zippy toggle-open'>▼ </span>
- </a>
- <b:else/>
- <a class='toggle' href='javascript:void(0)'>
- <span class='zippy'>
- <b:if cond='data:blog.languageDirection == "rtl"'>
- ◄ 
- <b:else/>
- ► 
- </b:if>
- </span>
- </a>
- </b:if>
- </b:if>
- </b:includable>
- </b:widget>
- <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-contents><b:section-contents id='footer-1'/></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement