<commit_before>// IE does not like file-relative (e.g. '../fonts/*') URLs due to our
// redirects. Always use domain-relative urls like the font URLs below.

// Fonts


// Open Sans Extra Bold Italic for Firefox OS promo
@font-face {
    font-family: 'Open Sans ExtraBoldItalic';
    src: url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('/media/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/media/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/media/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


// Tab

#tabzilla {
    float: right;
    display: block;
    background: url('/media/img/tabzilla/tab.png');
    height: 44px;
    width: 150px;
    position: relative;
    text-indent: -2000px;
    overflow: hidden;
}

#tabzilla:after {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///9ISEhr7AOpAAAAAXRSTlMAQObYZgAAACRJREFUCB1jQAYcAgwyFgx2NQzyPxj4PzCwP2BgPsDA2MCABAB3igVoBVbiiwAAAABJRU5ErkJggg==);
    content: " ";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 11px;
    right: 23px;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 8px;
}

#tabzilla.tabzilla-opened:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

// Tab panel

#tabzilla-panel {
    height: 0;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3;
    font-size: 11px;
    color: #484848;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

#tabzilla-panel:focus {
    outline:none;
}

/* Tabzilla still must use content-box model to preserve layout */
#tabzilla-panel *,
#tabzilla-panel *:before,
#tabzilla-panel *:after {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

#tabzilla-contents {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    display:none;
}

#tabzilla-panel.open #tabzilla-contents {
    display: block;
}

* html #tabzilla-contents             { zoom: 1; } //
*:first-child+html #tabzilla-contents { zoom: 1; } //

#tabzilla-contents:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#tabzilla-promo {
    float: left;
    display: inline;
    width: 300px;
    height: 210px;
    margin: 0 10px;
    background: #f8f8f8;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
}

#tabzilla-promo .snippet img {
    position: absolute;
    top: 40px;
    left: 20px;
}

#tabzilla-promo .snippet {
    padding: 40px;
}

#tabzilla-promo .snippet h4,
#tabzilla-panel #tabzilla-nav,
#tabzilla-panel #tabzilla-nav h2 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #484848;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    border: 0;
}

#tabzilla-panel #tabzilla-nav {
    float: left;
    display: inline;
    width: 620px;
    margin: 0 10px;
}

#tabzilla-promo .snippet h4 {
    line-height: 1.1;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: .4em;
}

#tabzilla-panel #tabzilla-nav h2 {
    font-weight: bold;
    font-size: 13px;
    margin: 0 20px .4em 0;
    word-wrap: break-word;
    letter-spacing: -1px;
}

#tabzilla-panel #tabzilla-nav ul {
    margin: 0;
    padding: 0;
    font-size: inherit;
}

#tabzilla-panel #tabzilla-nav ul li {
    float: left;
    display: inline;
    list-style-type: none;
    width: 17%;
    margin: 40px 3% 0 -1px;
    padding: 0;
    line-height: 1.1;
    border-right: 1px dotted #ccc;
}

* html #tabzilla-panel #tabzilla-nav ul li {
    margin-right: 10px; // IE6 width oddity workaround
}

#tabzilla-panel #tabzilla-nav ul li ul li {
    float: none;
    margin: 0;
    height: auto;
    border: 0;
}

#tabzilla-panel #tabzilla-nav a {
    color: #484848;
    display: block;
    padding: .4em 20px .4em 0;
    outline: 0;

    &.donate {
        color: rgb(175,50,50); // @linkRed in sandstone/lib.less
        &:after {
            content: " ";
            width: 12px;
            height: 10px;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAAH3K49sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREMxNTU2NTU0QUMxMUUzOUY4NUE3MkQzQjY2QkQ0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREMxNTU2NjU0QUMxMUUzOUY4NUE3MkQzQjY2QkQ0NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEQzE1NTYzNTRBQzExRTM5Rjg1QTcyRDNCNjZCRDQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJEQzE1NTY0NTRBQzExRTM5Rjg1QTcyRDNCNjZCRDQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Sq/oBwAAAM5JREFUeNpi3GioxwAEi5kYICAJIIAYgCIxIN4dgABiBLJYgYxfIHGAAAJxYoD0EiC2AEkvBuL/QHwcxGGE6mYECCCQMk0g4xoDGgCpug7EXmjibAABBLNlNxC7ArExEAcCcTkLzGokGgTMQUbdZ8AEc0ASSmiCB0FuhnmOEaqzC4gdQAIAAcYI9f4BILZH0gVSdBSIY9BMswQ5ygJNMQgoQjE6WAay+gRIJwNhAHKrMsytJ6Du9cKhkA3qh/9MaJLboRploR5lhCr8DVMAAFQEJaGmZBr7AAAAAElFTkSuQmCC');
            background-size: 12px 10px;
            background-repeat: no-repeat;
            background-position: right center;
            padding-left: 16px;
        }
    }
}

#tabzilla-panel a,
#tabzilla-panel a:link,
#tabzilla-panel a:visited {
    text-decoration: none;
}

#tabzilla-panel a:hover,
#tabzilla-panel a:active,
#tabzilla-panel a:focus {
    text-decoration: underline;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search {
    border: 0;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search a {
    padding-top: 0;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search form  {
    margin: .4em 20px .4em 0;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input {
    width: 90px;
    background: #fafafa;
    color: #484848;
    border: 1px solid #ddd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset;
    box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset;
    -webkit-appearance: none;
    padding: 4px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 12px;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input:hover {
    border-color: #ccc;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input:focus {
    outline: 0;
    border-color: #999;
}

#tabzilla-search label{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.html-rtl #tabzilla-search label{
    left:auto;
    right:-10000px;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input::-webkit-input-placeholder { color: #ddd; }
#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input:-moz-placeholder           { color: #ddd; }

#tabzilla-infobar {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 940px;
    font-size: 12px;
    line-height: 1.5;

    div {
        padding: 5px 0;
    }

    p, li {
        display: inline;
        margin: 0 10px 0 0;
    }

    ul {
        display: inline;
        margin: 0;
        list-style-type: none;
    }

    button {
        background-color: #f1f8ff;
        border: 1px solid darken(#f1f8ff, 10%);
        cursor: pointer;
        border-radius: 3px;
        white-space: nowrap;

        &:hover,
        &:focus {
            background-color: darken(#f1f8ff, 3%);
            border-color: darken(#f1f8ff, 13%);
        }
    }

    &[dir="rtl"] {
        p, li {
            margin: 0 0 0 10px;
        }
    }
}

// Firefox Flicks Promo

#tabzilla-promo .snippet {
    padding: 0;
}

#tabzilla-promo .snippet a {
    display: block;
    padding: 40px 35px 40px 95px;
    height: 130px;
    background-repeat: no-repeat;
    color: #484848;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#tabzilla-promo .snippet a:hover,
#tabzilla-promo .snippet a:active {
    text-decoration: none;
    background-color: #f0f0f0;
}

#tabzilla-promo .snippet p {
    margin: 0;
    color: inherit;
    font-family: inherit;
}

#tabzilla-promo .snippet#tabzilla-promo-flicks a {
    padding: 40px 35px;
    background-color: #212a2f;
    background-image: url('/media/img/tabzilla/promo-flicks.jpg');
    background-position: 0 100%;
    overflow: hidden;
}

#tabzilla-promo .snippet#tabzilla-promo-flicks a h4,
#tabzilla-promo .snippet#tabzilla-promo-flicks a p {
	position: relative;
	left: -400px;
}

#tabzilla-promo .snippet#tabzilla-promo-mwc a {
    background-image: url('/media/img/tabzilla/promo-mwc-2014.jpg');
    background-position: 0 0;
    background-color: #226aa7;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px 10px;
    height: 200px;
    line-height: 20px;
    h4 {
        text-shadow: none;
        color: #fff;
        font-family: Open Sans ExtraBoldItalic;
        text-transform: uppercase;
        letter-spacing: -1px;
        font-weight: normal;
        font-size: 48px;
        line-height: 46px;
        margin-bottom: 30px;
    }
    p {
        font-size: 16px;
        width: 110px;
        padding-left: 5px;
    }
}

#tabzilla-promo .snippet#tabzilla-promo-fxos a {
    background-image: url('/media/img/tabzilla/promo-fxos.png');
    background-position: 0 0;
    background-color: #226aa7;
    color: #fff;
    font-size: 12px;
    padding: 20px 80px 20px 20px;
    height: 170px;
    line-height: 20px;
    h4 {
        text-shadow: none;
        color: #fff;
        font-family: Open Sans ExtraBoldItalic;
        text-transform: uppercase;
        letter-spacing: -.1ex;
        font-weight: normal;
        font-size: 40px;
        line-height: 1;
        margin-bottom: 10px;
    }
    p {
        font-size: 18px;
    }
}

html[lang="da"],
html[lang|="en"],
html[lang="es-AR"],
html[lang="es-MX"],
html[lang="eu"],
html[lang="hi-IN"],
html[lang="sl"],
html[lang="tr"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        margin: 10px 0 20px;
        font-size: 54px;
        line-height: .85;
    }
}

html[lang="fy-NL"],
html[lang="hu"],
html[lang="hy-AM"],
html[lang="ja"],
html[lang="ko"],
html[lang="ku"],
html[lang="lij"],
html[lang="mr"],
html[lang="pa-IN"],
html[lang="pt-BR"],
html[lang="sv-SE"],
html[lang="vi"],
html[lang|="zh"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-size: 54px;
    }
}

html[lang="csb"],
html[lang="eo"],
html[lang="gd"],
html[lang="id"],
html[lang="ms"],
html[lang="ru"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-size: 35px;
    }
}

html[lang="ml"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-size: 30px;
    }
}

html[lang="km"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-family: sans-serif; /* Do not use Open Sans ExtraBoldItalic */
    }
}


@media (-webkit-min-device-pixel-ratio: 1.5),
       (                min-resolution: 1.5dppx),
       (                min-resolution: 144dpi) {

    // high res heart icon
    #tabzilla-panel #tabzilla-nav a.donate:after {
        background-image: url('data:image/png;base64,<KEY>');
        background-size: 12px 10px;
    }

}

@media only screen and (min-width: 720px) and (max-width: 979px) {

    #tabzilla-contents {
        width: 90%;
        margin: 0 5%;
        padding: 0;<commit_msg>Bug 973657: css fixes for localized tabzilla promos for MWC<commit_after>// IE does not like file-relative (e.g. '../fonts/*') URLs due to our
// redirects. Always use domain-relative urls like the font URLs below.

// Fonts


// Open Sans Extra Bold Italic for Firefox OS promo
@font-face {
    font-family: 'Open Sans ExtraBoldItalic';
    src: url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('/media/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/media/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/media/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/media/fonts/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


// Tab

#tabzilla {
    float: right;
    display: block;
    background: url('/media/img/tabzilla/tab.png');
    height: 44px;
    width: 150px;
    position: relative;
    text-indent: -2000px;
    overflow: hidden;
}

#tabzilla:after {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///9ISEhr7AOpAAAAAXRSTlMAQObYZgAAACRJREFUCB1jQAYcAgwyFgx2NQzyPxj4PzCwP2BgPsDA2MCABAB3igVoBVbiiwAAAABJRU5ErkJggg==);
    content: " ";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 11px;
    right: 23px;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 8px;
}

#tabzilla.tabzilla-opened:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

// Tab panel

#tabzilla-panel {
    height: 0;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3;
    font-size: 11px;
    color: #484848;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

#tabzilla-panel:focus {
    outline:none;
}

/* Tabzilla still must use content-box model to preserve layout */
#tabzilla-panel *,
#tabzilla-panel *:before,
#tabzilla-panel *:after {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

#tabzilla-contents {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    display:none;
}

#tabzilla-panel.open #tabzilla-contents {
    display: block;
}

* html #tabzilla-contents             { zoom: 1; } //
*:first-child+html #tabzilla-contents { zoom: 1; } //

#tabzilla-contents:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#tabzilla-promo {
    float: left;
    display: inline;
    width: 300px;
    height: 210px;
    margin: 0 10px;
    background: #f8f8f8;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
}

#tabzilla-promo .snippet img {
    position: absolute;
    top: 40px;
    left: 20px;
}

#tabzilla-promo .snippet {
    padding: 40px;
}

#tabzilla-promo .snippet h4,
#tabzilla-panel #tabzilla-nav,
#tabzilla-panel #tabzilla-nav h2 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #484848;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    border: 0;
}

#tabzilla-panel #tabzilla-nav {
    float: left;
    display: inline;
    width: 620px;
    margin: 0 10px;
}

#tabzilla-promo .snippet h4 {
    line-height: 1.1;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: .4em;
}

#tabzilla-panel #tabzilla-nav h2 {
    font-weight: bold;
    font-size: 13px;
    margin: 0 20px .4em 0;
    word-wrap: break-word;
    letter-spacing: -1px;
}

#tabzilla-panel #tabzilla-nav ul {
    margin: 0;
    padding: 0;
    font-size: inherit;
}

#tabzilla-panel #tabzilla-nav ul li {
    float: left;
    display: inline;
    list-style-type: none;
    width: 17%;
    margin: 40px 3% 0 -1px;
    padding: 0;
    line-height: 1.1;
    border-right: 1px dotted #ccc;
}

* html #tabzilla-panel #tabzilla-nav ul li {
    margin-right: 10px; // IE6 width oddity workaround
}

#tabzilla-panel #tabzilla-nav ul li ul li {
    float: none;
    margin: 0;
    height: auto;
    border: 0;
}

#tabzilla-panel #tabzilla-nav a {
    color: #484848;
    display: block;
    padding: .4em 20px .4em 0;
    outline: 0;

    &.donate {
        color: rgb(175,50,50); // @linkRed in sandstone/lib.less
        &:after {
            content: " ";
            width: 12px;
            height: 10px;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAAH3K49sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREMxNTU2NTU0QUMxMUUzOUY4NUE3MkQzQjY2QkQ0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREMxNTU2NjU0QUMxMUUzOUY4NUE3MkQzQjY2QkQ0NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEQzE1NTYzNTRBQzExRTM5Rjg1QTcyRDNCNjZCRDQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJEQzE1NTY0NTRBQzExRTM5Rjg1QTcyRDNCNjZCRDQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Sq/oBwAAAM5JREFUeNpi3GioxwAEi5kYICAJIIAYgCIxIN4dgABiBLJYgYxfIHGAAAJxYoD0EiC2AEkvBuL/QHwcxGGE6mYECCCQMk0g4xoDGgCpug7EXmjibAABBLNlNxC7ArExEAcCcTkLzGokGgTMQUbdZ8AEc0ASSmiCB0FuhnmOEaqzC4gdQAIAAcYI9f4BILZH0gVSdBSIY9BMswQ5ygJNMQgoQjE6WAay+gRIJwNhAHKrMsytJ6Du9cKhkA3qh/9MaJLboRploR5lhCr8DVMAAFQEJaGmZBr7AAAAAElFTkSuQmCC');
            background-size: 12px 10px;
            background-repeat: no-repeat;
            background-position: right center;
            padding-left: 16px;
        }
    }
}

#tabzilla-panel a,
#tabzilla-panel a:link,
#tabzilla-panel a:visited {
    text-decoration: none;
}

#tabzilla-panel a:hover,
#tabzilla-panel a:active,
#tabzilla-panel a:focus {
    text-decoration: underline;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search {
    border: 0;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search a {
    padding-top: 0;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search form  {
    margin: .4em 20px .4em 0;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input {
    width: 90px;
    background: #fafafa;
    color: #484848;
    border: 1px solid #ddd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset;
    box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset;
    -webkit-appearance: none;
    padding: 4px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 12px;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input:hover {
    border-color: #ccc;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input:focus {
    outline: 0;
    border-color: #999;
}

#tabzilla-search label{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.html-rtl #tabzilla-search label{
    left:auto;
    right:-10000px;
}

#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input::-webkit-input-placeholder { color: #ddd; }
#tabzilla-panel #tabzilla-nav ul li#tabzilla-search input:-moz-placeholder           { color: #ddd; }

#tabzilla-infobar {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 940px;
    font-size: 12px;
    line-height: 1.5;

    div {
        padding: 5px 0;
    }

    p, li {
        display: inline;
        margin: 0 10px 0 0;
    }

    ul {
        display: inline;
        margin: 0;
        list-style-type: none;
    }

    button {
        background-color: #f1f8ff;
        border: 1px solid darken(#f1f8ff, 10%);
        cursor: pointer;
        border-radius: 3px;
        white-space: nowrap;

        &:hover,
        &:focus {
            background-color: darken(#f1f8ff, 3%);
            border-color: darken(#f1f8ff, 13%);
        }
    }

    &[dir="rtl"] {
        p, li {
            margin: 0 0 0 10px;
        }
    }
}

// Firefox Flicks Promo

#tabzilla-promo .snippet {
    padding: 0;
}

#tabzilla-promo .snippet a {
    display: block;
    padding: 40px 35px 40px 95px;
    height: 130px;
    background-repeat: no-repeat;
    color: #484848;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#tabzilla-promo .snippet a:hover,
#tabzilla-promo .snippet a:active {
    text-decoration: none;
    background-color: #f0f0f0;
}

#tabzilla-promo .snippet p {
    margin: 0;
    color: inherit;
    font-family: inherit;
}

#tabzilla-promo .snippet#tabzilla-promo-flicks a {
    padding: 40px 35px;
    background-color: #212a2f;
    background-image: url('/media/img/tabzilla/promo-flicks.jpg');
    background-position: 0 100%;
    overflow: hidden;
}

#tabzilla-promo .snippet#tabzilla-promo-flicks a h4,
#tabzilla-promo .snippet#tabzilla-promo-flicks a p {
	position: relative;
	left: -400px;
}

#tabzilla-promo .snippet#tabzilla-promo-mwc a {
    background-image: url('/media/img/tabzilla/promo-mwc-2014.jpg');
    background-position: 0 0;
    background-color: #226aa7;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px 10px;
    height: 200px;
    line-height: 20px;
    h4 {
        text-shadow: none;
        color: #fff;
        font-family: Open Sans ExtraBoldItalic;
        text-transform: uppercase;
        letter-spacing: -1px;
        font-weight: normal;
        font-size: 48px;
        line-height: 46px;
        margin-bottom: 30px;
    }
    p {
        font-size: 16px;
        width: 110px;
        padding-left: 5px;
    }
}

#tabzilla-promo .snippet#tabzilla-promo-fxos a {
    background-image: url('/media/img/tabzilla/promo-fxos.png');
    background-position: 0 0;
    background-color: #226aa7;
    color: #fff;
    font-size: 12px;
    padding: 20px 80px 20px 20px;
    height: 170px;
    line-height: 20px;
    h4 {
        text-shadow: none;
        color: #fff;
        font-family: Open Sans ExtraBoldItalic;
        text-transform: uppercase;
        letter-spacing: -.1ex;
        font-weight: normal;
        font-size: 40px;
        line-height: 1;
        margin-bottom: 10px;
    }
    p {
        font-size: 18px;
    }
}

html[lang="da"],
html[lang|="en"],
html[lang="es-AR"],
html[lang="es-MX"],
html[lang="eu"],
html[lang="hi-IN"],
html[lang="sl"],
html[lang="tr"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        margin: 10px 0 20px;
        font-size: 54px;
        line-height: .85;
    }
}

html[lang="fy-NL"],
html[lang="hu"],
html[lang="hy-AM"],
html[lang="ja"],
html[lang="ko"],
html[lang="ku"],
html[lang="lij"],
html[lang="mr"],
html[lang="pa-IN"],
html[lang="pt-BR"],
html[lang="sv-SE"],
html[lang="vi"],
html[lang|="zh"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-size: 54px;
    }
}

html[lang="csb"],
html[lang="eo"],
html[lang="gd"],
html[lang="id"],
html[lang="ms"],
html[lang="ru"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-size: 35px;
    }
}

html[lang="ml"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-size: 30px;
    }
}

html[lang="km"] {
    #tabzilla-promo .snippet#tabzilla-promo-fxos a h4 {
        font-family: sans-serif; /* Do not use Open Sans ExtraBoldItalic */
    }
}

// MWC 2014 promos
html[lang='de'] {
    #tabzilla-promo .snippet#tabzilla-promo-mwc a {
        h4 {
            font-size: 38px;
            line-height: 40px;
            margin-bottom: 40px;
        }
    }
}

html[lang='hu'],
html[lang='it'] {
    #tabzilla-promo .snippet#tabzilla-promo-mwc a {
        p {
            width: 115px;
        }
    }
}

html[lang='ja'] {
    #tabzilla-promo .snippet#tabzilla-promo-mwc a {
        h4 {
            font-size: 44px;
            margin-bottom: 60px;
        }
    }
}

html[lang='sr'],
html[lang='cs'] {
    #tabzilla-promo .snippet#tabzilla-promo-mwc a {
        h4 {
            font-size: 42px;
        }
    }
}

html[lang|='es'] {
    #tabzilla-promo .snippet#tabzilla-promo-mwc a {
        h4 {
            font-size: 40px;
        }
    }
}

html[lang|='zh'] {
    #tabzilla-promo .snippet#tabzilla-promo-mwc a {
        h4 {
            margin-bottom: 78px;
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),
       (                min-resolution: 1.5dppx),
       (                min-resolution: 144dpi) {

    // high res heart icon
    #tabzilla-panel #tabzilla-nav a.donate:after {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAAERuZaYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWR<KEY>');
        background-size: 12px 10px;
    }

}

@media only screen and (min-width: 720px) and (max-width: 979px) {

    #tabzilla-contents {
        width: 90%;
        margin: 0 5%;
        padding: 0;
{'fraction_non_alphanumeric': 0.13358885017421604, 'fraction_numerical': 0.04515679442508711, 'mean_word_length': 3.0101998043873133, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 3, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7226901', 'n_tokens_mistral': 13226, 'n_tokens_neox': 11939, 'n_words': 1949}