<commit_before>/*
 * Subheader for the CartoDB dashboard
 */

@import "compass";
@import "../common/sprites";
@import "../common/mixins";

.tipsy.stats.tipsy-s {
  line-height: 120%;
}

.mapviews_tooltip {
  position: absolute;
  text-align: center;
  background:#333;
  color:#fff;
  padding: 5px;
  font: 10px sans-serif;
  @include border-radius(2px);
  pointer-events: none;

  .tip {
    position:absolute;
    left:10px;
    bottom:0px;

    &:before{
      content:'';
      display:block;
      width:0;
      height:0;
      position:absolute;

      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #333;
      margin: auto;
    }
  }
}


div.subheader {
  position:relative;
  @include inline-block();
  width:100%;
  margin-top:-240px;
  padding:0;
  @include transform-style("linear");
  @include transition-property("all");
  @include transition-duration(500ms);
  z-index:1;

  // If there is NO tables, this section is active
  &.active {
    margin-top:0;
  }

  section.stats {
    position:relative;
    @include inline-block();
    @include size(100%, 132px);
    margin:0;
    background:#fff;
    border-bottom:1px solid #CDCDCD;
    @include single-box-shadow(rgba(0,0,0,0.07), 0, 4px, 3px, 0, false);

    z-index: 1000;

    ul {
      clear:both;
      overflow:hidden;

      li {
        display:block;
        float:left;
        @include size(233px, 64px);
        padding:35px;
        border-left: 1px solid #E5E5E5;

        &.tables {
          width:254px;
          padding-left:0;
          border:none;
        }

        &.badge {
          position:relative;
          top: -5px;
          width:93px;
          padding-right:0;
          border:none;

          i {
            display: block;
            margin: 4px 0 0 0;
            @include size(93px, 74px);
            @include icons-sprite(badge_default);

            &.free      { @include icons-sprite(badge_free_server); }
            &.magellan  { @include icons-sprite(badge_magellan); }
            &.john_snow { @include icons-sprite(badge_john_snow); }
            &.mercator  { @include icons-sprite(badge_mercator); }
            &.coronelli { @include icons-sprite(badge_coronelli); }
            &.dedicated { @include icons-sprite(badge_dedicated_server); }

            &.coronelli, &.dedicated { top: -15px; }
          }
        }

        .info {
          @include inline-block();
          width: 6px;
          padding: 2px 5px;
          top: -2px;
          @include border-radius(40px);
          color:#fff;
          background:#ddd;
          font-size: 11px;
          text-align: center;
          position:relative;
          cursor: help;

          &:hover {
            text-decoration:none;
            background:#ccc;
          }
        }

        .progress {
          display:block;
          height:36px;
          background:#E7E7E7; //IE
          @include background(linear-gradient(#E5E5E5,#E9E9E9));
          @include border-radius(3px);

          span {
            position:relative;
            @include inline-block();
            width:0;
            min-width:5px;
            max-width:100%;
            height:36px;
            @include border-radius(3px);
            background:#85ACDC;
            @include background(linear-gradient(#85ACDC,#5990CE));
            @include transform-style("linear");
            @include transition-property("width");
            @include transition-duration(500ms);

            &.green {
              background:rgba(green,0.55);
              @include transform-style("linear");
              @include transition-property("background");
              @include transition-duration(500ms);
            }

            &.boom {
              background:#FF5255;
              @include background(linear-gradient(#FF5255,#CB2828));
              @include transform-style("linear");
              @include transition-property("background");
              @include transition-duration(500ms);
            }

            &.danger {
              background:#F8B85C;
              @include background(linear-gradient(#F8B85C,#F49000));
              @include transform-style("linear");
              @include transition-property("background");
              @include transition-duration(500ms);
            }

            &:after {
              position:absolute;
              content:' ';
              width:100%;
              height:100%;
              top:0;
              left:0;
              @include border-radius(3px);
              background:rgba(255,255,255,0.05);
              @include background(linear-gradient(left,rgba(255,255,255,0.35), rgba(255,255,255,0)));
            }
          }

          &.unlimited span {
            &.green {
              background: -moz-linear-gradient(#94BE42, #7FA938) repeat scroll 0 0 transparent;
            }
          }
        }

        p {
          margin:10px 0 0 0;
          font-size:15px;
          color:#666666;
          @include transform-style("linear");
          @include transition-property("all");
          @include transition-duration(500ms);

          strong {font-weight:bold}
        }
      }
    }
  }

  section.welcome { display:none; }

  section.warning {
    margin: 0 0 0 0;
    z-index:0;

    background:rgba(#FFE599, .35);

    @include transform-style("linear");
    @include transition-property("all");
    @include transition-duration(500ms);

    ul li {

      display:none;

      padding:25px 0;
      border-bottom:1px solid rgba(#CCCCCC,0.5);

      .inner { position:relative; }

      &.upgraded {
        background:rgba(#8DB73F,0.15);
      }

      .dark { color: #666666; }

      a.close {
        right: 0px;
        @include absolute-portrait-center(13px);
        @include size(13px);
        @include icons-sprite(close_grey);
        @include text-indent();

        &:hover {@include icons-sprite(close_grey, $offset-y: -13px);}
        &:active {@include icons-sprite(close_grey, $offset-y: -26px);}

      }

    }

  }
}
<commit_msg>Fixes subheader margin for notifications<commit_after>/*
 * Subheader for the CartoDB dashboard
 */

@import "compass";
@import "../common/sprites";
@import "../common/mixins";

.tipsy.stats.tipsy-s {
  line-height: 120%;
}

.mapviews_tooltip {
  position: absolute;
  text-align: center;
  background:#333;
  color:#fff;
  padding: 5px;
  font: 10px sans-serif;
  @include border-radius(2px);
  pointer-events: none;

  .tip {
    position:absolute;
    left:10px;
    bottom:0px;

    &:before{
      content:'';
      display:block;
      width:0;
      height:0;
      position:absolute;

      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #333;
      margin: auto;
    }
  }
}


div.subheader {
  position:relative;
  @include inline-block();
  width:100%;
  margin-top: -134px;
  margin-bottom: 15px;
  padding:0;
  @include transform-style("linear");
  @include transition-property("all");
  @include transition-duration(500ms);
  z-index:1;

  // If there is NO tables, this section is active
  &.active {
    margin-top:0;
    margin-bottom: 0px;
  }

  section.stats {
    position:relative;
    @include inline-block();
    @include size(100%, 132px);
    margin:0;
    background:#fff;
    border-bottom:1px solid #CDCDCD;
    @include single-box-shadow(rgba(0,0,0,0.07), 0, 4px, 3px, 0, false);

    z-index: 1000;

    ul {
      clear:both;
      overflow:hidden;

      li {
        display:block;
        float:left;
        @include size(233px, 64px);
        padding:35px;
        border-left: 1px solid #E5E5E5;

        &.tables {
          width:254px;
          padding-left:0;
          border:none;
        }

        &.badge {
          position:relative;
          top: -5px;
          width:93px;
          padding-right:0;
          border:none;

          i {
            display: block;
            margin: 4px 0 0 0;
            @include size(93px, 74px);
            @include icons-sprite(badge_default);

            &.free      { @include icons-sprite(badge_free_server); }
            &.magellan  { @include icons-sprite(badge_magellan); }
            &.john_snow { @include icons-sprite(badge_john_snow); }
            &.mercator  { @include icons-sprite(badge_mercator); }
            &.coronelli { @include icons-sprite(badge_coronelli); }
            &.dedicated { @include icons-sprite(badge_dedicated_server); }

            &.coronelli, &.dedicated { top: -15px; }
          }
        }

        .info {
          @include inline-block();
          width: 6px;
          padding: 2px 5px;
          top: -2px;
          @include border-radius(40px);
          color:#fff;
          background:#ddd;
          font-size: 11px;
          text-align: center;
          position:relative;
          cursor: help;

          &:hover {
            text-decoration:none;
            background:#ccc;
          }
        }

        .progress {
          display:block;
          height:36px;
          background:#E7E7E7; //IE
          @include background(linear-gradient(#E5E5E5,#E9E9E9));
          @include border-radius(3px);

          span {
            position:relative;
            @include inline-block();
            width:0;
            min-width:5px;
            max-width:100%;
            height:36px;
            @include border-radius(3px);
            background:#85ACDC;
            @include background(linear-gradient(#85ACDC,#5990CE));
            @include transform-style("linear");
            @include transition-property("width");
            @include transition-duration(500ms);

            &.green {
              background:rgba(green,0.55);
              @include transform-style("linear");
              @include transition-property("background");
              @include transition-duration(500ms);
            }

            &.boom {
              background:#FF5255;
              @include background(linear-gradient(#FF5255,#CB2828));
              @include transform-style("linear");
              @include transition-property("background");
              @include transition-duration(500ms);
            }

            &.danger {
              background:#F8B85C;
              @include background(linear-gradient(#F8B85C,#F49000));
              @include transform-style("linear");
              @include transition-property("background");
              @include transition-duration(500ms);
            }

            &:after {
              position:absolute;
              content:' ';
              width:100%;
              height:100%;
              top:0;
              left:0;
              @include border-radius(3px);
              background:rgba(255,255,255,0.05);
              @include background(linear-gradient(left,rgba(255,255,255,0.35), rgba(255,255,255,0)));
            }
          }

          &.unlimited span {
            &.green {
              background: -moz-linear-gradient(#94BE42, #7FA938) repeat scroll 0 0 transparent;
            }
          }
        }

        p {
          margin:10px 0 0 0;
          font-size:15px;
          color:#666666;
          @include transform-style("linear");
          @include transition-property("all");
          @include transition-duration(500ms);

          strong {font-weight:bold}
        }
      }
    }
  }

  section.welcome { display:none; }

  section.warning {
    margin: 0 0 0 0;
    z-index:0;

    background:rgba(#FFE599, .35);

    @include transform-style("linear");
    @include transition-property("all");
    @include transition-duration(500ms);

    ul li {

      display:none;

      padding:25px 0;
      border-bottom:1px solid rgba(#CCCCCC,0.5);

      .inner { position:relative; }

      &.upgraded {
        background:rgba(#8DB73F,0.15);
      }

      .dark { color: #666666; }

      a.close {
        right: 0px;
        @include absolute-portrait-center(13px);
        @include size(13px);
        @include icons-sprite(close_grey);
        @include text-indent();

        &:hover {@include icons-sprite(close_grey, $offset-y: -13px);}
        &:active {@include icons-sprite(close_grey, $offset-y: -26px);}

      }

    }

  }
}

{'fraction_non_alphanumeric': 0.12938971726554224, 'fraction_numerical': 0.04375458323148374, 'mean_word_length': 1.7594424460431655, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, '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': '188903', 'n_tokens_mistral': 4170, 'n_tokens_neox': 3687, 'n_words': 675}