<commit_before>
  /*
   * List of tables and visualizations for your dashboard or public tables
   */

  @import "compass";
  @import "../common/mixins";
  @import "../common/fonts";
  @import "../common/sprites";
  @import "../common/vars";
  @import "../common/forms";

  .main_loader {
    position:relative;
    width: 100%;
    height: 500px;
    background: image-url('layout/bkg.jpg') repeat 0 0;

    i {
      @include absolute-center(38px, 16px);
      background:image-url("layout/loader_gray.gif") no-repeat 0 0;
    }

  }

  .tipsy.privacy_info {
    font-size: 13px;

    .tipsy-inner {
      padding: 12px;
      line-height:normal;
    }

    a { display:block; text-decoration:underline; margin: 7px 0 0 0; color: #fff; }
  }

  header {

    ul li > .disabled:hover { color:white; }

  }

  article {

    @include inline-block();
    width:100%;
    background: image-url('layout/bkg.jpg') repeat 0 0;
    letter-spacing:-4px;

    // Empty dashboard -> article

    &.empty_search {

      display:none;
      padding: 91px 0 45px 0;

      section.empty {
        margin: 0;
        z-index:0;
        border:1px solid rgba(#ccc, .5);

        & > .content {
          @include box-sizing(border-box);
          background: #fff;
          @include border-radius(5px);
          padding:110px 0;
          height:308px;
          text-align:center;

          background:#fff;
          background-image: none;
          overflow:hidden;

          h3 { margin: 0 0 10px 0; }
        }
      }

    }

    &.no_tables {
      margin-top: -15px;

      // If there are NO tables, this section is active
      &.active {
        display:block;
        padding:80px 0 80px 0;
      }
    }

    &.no_vis, &.no_tables {
      display:none;
      padding:0;

      &.active {
        margin-top:-15px;
      }

    } // .no_tables

    &.no_vis {

      display:none;

      &.active {
        display:block;
        padding:80px 0 80px 0;
      }

      section.empty {
        margin: 0;
        border:1px solid #D1D1D1;
        z-index:0;

        a.close {
          @include box-sizing(border-box);
          position:absolute;
          @include position(-10px, -10px, false, false);
          @include size(23px, 23px);
          font-size: 11px;
          background:white;
          @include box-shadow(0 0 3px 3px rgba(black, .08) );
          @include border-radius(50px);
          border: 1px solid #ccc;

          z-index:5;

          i {
            @include position(7px, false, false, 7px);
            @include size(7px);
            display:block;
            background:image-url("icons/x.png") no-repeat 0 0;
          }

          &:focus, &:hover {
            outline:none;
            color:black;
            text-decoration:none;
          }

        }

        div.content {
          @include box-sizing(border-box);
          padding:40px 36px 0 40px;
          /*height:308px;*/

          background:image-url("layout/empty_vis_bkg.png") repeat-y 1px 0;
          overflow:hidden;

          div.left {
            width:280px;
            padding:23px 0 0 0;

            h2 { margin: 0 0 20px 0; font-size:27px; line-height: 27px; }
            p  { margin: 0 0 20px 0; }

            ul {

              li {
                @include icons-sprite(square, $offset-y: 7px);
                margin: 0 0 6px -10px;
                padding-left: 10px;
                font-family:"Helvetica Neue", "Helvetica", Arial;
                border:none;
                line-height:normal;
                letter-spacing: 0;
                color: #666666;
              }

            }
          }

          div.right {
            position:relative;
            @include size(602px, 393px);

            .visualizations {
              @include size(602px, 393px);
              @include position(false, false, 0, 0);
              background:image-url("layout/empty_vis_tables.png") repeat-y 0 0;

              .create_new {
                @include position(188px, false, false, 194px);
                font-weight:normal;
                font-size:17px;

                @include text-shadow(0 1px 1px #455d1e);
                @include glow(.2, 10px, 5px);
              }
            }
          }
        }
      }
    }

    &.visualizations aside .head { margin-top: 25px; }
    &.tables aside .head { margin-top: 55px; }

    &.tables.active {
      display:block;
      padding:59px 0 50px 0;
    }

    &.visualizations.active {
      display:block;
      padding:60px 0 50px 0;
    }

    // Common elements for visualizations and tables
    &.visualizations,
    &.tables {
      display:none;

      margin:0;
      padding:0;
      overflow:hidden;

      &.no_padding,
      &.active.no_padding { padding-top: 0; }
      &.active.no_margin { padding-bottom: 0; }
      &.active.no_margin .inner section .paginator { margin-bottom: 0px; }

      &.hidden {
        display:none;
      }

      aside {
        width: 94px;
        margin: 0 0 5px 0;
      }

      .toggle {
        display:block;
        float:right;

        width: 15px;

        height: 8px;
        margin: 18px 0 0 18px;
        @include icons-sprite(burguer);
        border:none;

        &.active {
          @include icons-sprite(burguer_line);
        }

      }

      .order {
        float:right;
        margin: 14px 30px 0 0;

        font-size:15px;
        color: #878787;

        .selected {
          color: #333333;
          font-weight: bold;
          text-decoration:none;
        }

      }

      // Create tables or visualization button
      a.create {
        display:block;
        @include size(90px);
        @extend .cdb-block;

        background:#EEF5E2;

        text-decoration:none;

        .title {
          margin: 15px 0 0 0;

          line-height:normal;
          text-align:center;
        }

        .content {
          position: relative;

          .plus {
            @include absolute-center(25px, 24px);
            @include icons-sprite(plus_big);
          }

          &:hover .plus {
            @include icons-sprite(plus_big_selected);
          }

          &:active .plus {
            margin-top:-11px;
            @include icons-sprite(plus_big_selected);
          }
        }
      }

      .more {
        float:right;
        margin: 4px 0 0 5px;
        font:normal 11px $text-fonts2;
        color:#c3c3c3;
      }

      .tags {
        position:relative;
        margin-top: 1px;
        display:block;
        float:right;
        z-index: 1;

        a {
          @include inline-block();
          @include size(auto, 13px);

          padding:2px 7px;

          float:right;
          margin:0 0 4px 5px;

          font:normal 11px $text-fonts2;
          color:#666666;
          line-height:14px;
          background:rgba(57,125,187,0.15);
          @include border-radius(2px);
          border:1px solid #C7D1D9;

          &:hover { color:#333333; }
        }

        a.exists {
          -webkit-animation: pulsate 0.5s linear;
          -webkit-animation-iteration-count: 1;
          -webkit-animation-delay: 0.5s;
          -moz-animation: pulsate 0.5s linear;
          -moz-animation-iteration-count: 1;
          -moz-animation-delay: 0.5s;
        }
      } // span.tags

      section.tables > .head {

        position:relative;
        padding: 30px 0 56px 0;
        border-bottom:1px solid #E5E5E5;

      }

      section.visualizations > .head {

        @include box-sizing(border-box);
        margin: 0 0 27px 0;
        padding: 19px 7px 30px 0;

        @extend .clearfix;

        h2 i {
          @include inline-block();
          @include size(23px, 17px);
          @include icons-sprite(v);
          margin: 0 2px 5px 0;
        }

        .loader {
          @include position(16px, false, false, -50px);
        }

      }

      section > .head > h2 {
        float:left;

        width:auto;

        color: #c3c3c3;

        font-size:25px;
        letter-spacing:-1px;
        line-height:normal;
      }

      // Visualizations dashboard -> article

      section.visualizations {
        @include inline-block();
        width: 880px;
        letter-spacing:0px;
      }

      // List of visualizations
      section.visualizations > .content > ul {

        @include box-sizing(border-box);

        & > li {
          @extend .cdb-block; /* Lovely box */

          &.empty {
            @include box-shadow(none);
            border: 1px solid #ccc;
            @include opacity(.6);
            &:hover .content { background: #FFF; }

            i {
              display:block;
              @include size(34px, 10px);
              @include absolute-center(34px, 10px);
              @include icons-sprite(static_loader);
            }
          }

          @include inline-block();
          @include size(274px, 222px);

          margin: 0 29px 29px 0;

          &:hover > .content {
            background: #F7F7F7;
            h3 .delete { display:block; @include opacity(1); }
          }

          .tags { width: 140px; }

          .status {
            position:relative;
            top: 0; left: 0;
            float: left;
          }

          &:nth-child(3n)  { margin-right: 0; }

          .content  {
            position:relative;
            @include simple-transition(background-color, 250ms);

            padding: 20px 26px;

            .footer {

              @include box-sizing(border-box);
              @include size(100%, auto);
              @include position(none, none, 0, 0);
              padding: 27px;
              z-index: 0;

              .graph {
                float:left;
                @include size(128px, 34px);
              }

              .colors {
                float:right;
                @include size(33px, 34px);
                background:#ddd;
              }

            } // .footer

            h3 {
              position:relative;
              margin: 0 0 5px 0;
              font-size: 21px;

              a {

                color: $cBlue;
                @include simple-transition(color, 75ms);

                &:hover { color: $cGray1; text-decoration:none; }

              }

              .delete {
                @include position(9px, 0, none, none);
                @include size(13px, 14px);
                @include simple-transition(opacity, 250ms);

                @include icons-sprite(trash);
                @include opacity(0);
              }

            } // h3

            p {
              margin: 0 0 10px 0;
              font-size: 15px;
              color: #999999;
            }
          }
        } // li
      } // ul

    }

    section.empty {
      margin: 0;
      border:1px solid #D1D1D1;
      z-index:0;

      div.content {
        padding:100px 36px 0 40px;
        background:image-url("layout/empty_dashboard_bkg.png") repeat-y 0 0;
        overflow:hidden;

        div.left {
          width:280px;
          padding:23px 0 0 0;

          h2 {font-size:27px;line-height: 27px}
        }

        div.right {
          img {position:relative; display:block; margin:0; padding:0;}
        }

      }

      div.foot {
        ul {
          display:block;
          li {
            @include inline-block();
            width:270px;
            margin:0 27px 0 0;
            vertical-align: top;
            a {
              height:46px;
              display:block;
              padding:10px 0 0 55px;
              line-height:18px;
              @include icons-sprite(download_dataset);
            }

            &:first-child {width:350px;}
            &:last-child {margin:0;}
          }
        }
        h3 {letter-spacing:-1px; line-height:25px;}
      }
    }

    section.visualizations,
    section.tables {

      .head {

        position:relative;

        h2 {

          i {
            @include inline-block();
            @include size(23px, 17px);
            @include icons-sprite(t);
            margin: 0 2px 5px 0;
          }

          a {
            position:relative;
            padding:0 40px 6px 10px;
            margin:0 7px;
            color:#333333;
            text-decoration:none;
            font-family:$title-fonts;
            letter-spacing:-1px;
            background:#E1ECF5;
            border:1px solid #C7D1D9;
            @include border-radius(3px);

            &:before {
              @include position(11px, 12px, false, false);
              display:block;
              content:'x';
              color:#2483B4;
              font:normal 15px $text-fonts2;
              line-height:normal;
            }

            &:after {
              @include position(0, 30px, 0, false);
              @include size(1px, 100%);
              content:'';
              background:#C7D1D9;
            }

            &:hover {color:black; &:before {color:red;}}
          }
        }

        .loader {
          display:none;
          @include position(40px, false, false, -50px);
          @include size(38px, 16px);
          background:image-url("layout/loader_gray.gif") no-repeat 0 0;
        }

      }

      // Status selector

      .status {
        padding:2px 8px;
        @include border-radius(25px);
        font:bold 11px $text-fonts2;
        color:white;
        line-height:normal;
        &:hover {color:white; text-decoration:none; cursor:pointer}

        &.public {
          background:rgba(146,188,65,0.5);
          &:hover {background:rgba(146,188,65,0.8)}
        }

        &.private {
          background:rgba(255,0,0,0.5);
          &:hover {background:rgba(255,0,0,0.8)}
        }

      } // status


      &.view_all .paginator .view_all { display: block; }
    }

    section.tables {
      @include inline-block();
      width: 880px;
      letter-spacing:0px;

      // Tables list
      div.content {
        padding:0;

        &.hidden { display: none; }

        .tags a {
          float:right;
          margin:0 0 4px 5px;
        }

        ul {
          li {
            border:none;
            position:relative;
            padding: 0 30px;

            @include opacity(1);
            @include simple-transition(background, 80ms);

            &.disabled {
              @include simple-transition(opacity, 100ms);
              background-color: #e1e1e1;
              opacity:0.4;

              &:hover {
                background-color: #e1e1e1;
                opacity:0.4;
              }
            } // li.disabled

            &:hover {
              background:#fff;

              & + li div.table_info { border-color:#fff; }

              hgroup {
                filter: alpha(opacity=100)!important;
                opacity:1!important;
              }

              h3 a {
                color:black;
                text-decoration:none;
                @include simple-transition(color, 75ms);
              }

              .table_info {
                hgroup a.delete, .time { @include opacity(1); }
              }

              &:after  { content:' '; @include position(false, false, 0, 0); @include size(100%, 1px); background:#E8E8E8;}
              &:before { content:' '; @include position(0, false, false, 0); @include size(100%, 1px); background:#E8E8E8; }

            } //li:hover

            div.table_info {
              position:relative;
              @include box-sizing(border-box);
              min-height:102px;
              padding: 22px 0 33px 0;
              border-top:1px solid #EDEDED;

              & > .left  { width:400px; }
              & > .right { width:420px; }

              & > .left  p {
                @include ellipsis();
              }

              hgroup {
                margin: 0 0 9px 0;
                display:block;
                width:100%;

                &.options {
                  @include position(26px, 0, false, false);
                  display:block;
                  width:auto;
                }

                h3 {
                  @include inline-block();
                  width:auto;
                  margin:0 8px 0 0;
                  padding:0;
                  letter-spacing:0;
                  line-height:21px;
                  vertical-align:middle;

                  a {
                    display:block;
                    padding:0 1px 0 0;
                    margin:0;
                    vertical-align:middle;
                    line-height:21px;
                    font-family: $title-fonts;
                    font-size:21px;
                    letter-spacing:-1px;
                    @include transform-style("linear");
                    @include transition-property("color");
                    @include transition-duration(500ms);
                  }

                } // h3

                a {
                  @include inline-block(); width:auto; letter-spacing:0;
                  &.status {vertical-align:middle; margin:4px 0 0;}
                }

                p {
                  position:relative;
                  @include inline-block();
                  width:auto;
                  letter-spacing:0;
                  padding: 3px 10px 0 0;

                  &.size .separator {
                    padding: 0 8px;
                    position:relative;

                    &:before {
                      content:'\b7';<commit_msg>Improves vis block style<commit_after>
  /*
   * List of tables and visualizations for your dashboard or public tables
   */

  @import "compass";
  @import "../common/mixins";
  @import "../common/fonts";
  @import "../common/sprites";
  @import "../common/vars";
  @import "../common/forms";

  .main_loader {
    position:relative;
    width: 100%;
    height: 500px;
    background: image-url('layout/bkg.jpg') repeat 0 0;

    i {
      @include absolute-center(38px, 16px);
      background:image-url("layout/loader_gray.gif") no-repeat 0 0;
    }

  }

  .tipsy.privacy_info {
    font-size: 13px;

    .tipsy-inner {
      padding: 12px;
      line-height:normal;
    }

    a { display:block; text-decoration:underline; margin: 7px 0 0 0; color: #fff; }
  }

  header {

    ul li > .disabled:hover { color:white; }

  }

  article {

    @include inline-block();
    width:100%;
    background: image-url('layout/bkg.jpg') repeat 0 0;
    letter-spacing:-4px;

    // Empty dashboard -> article

    &.empty_search {

      display:none;
      padding: 91px 0 45px 0;

      section.empty {
        margin: 0;
        z-index:0;
        border:1px solid rgba(#ccc, .5);

        & > .content {
          @include box-sizing(border-box);
          background: #fff;
          @include border-radius(5px);
          padding:110px 0;
          height:308px;
          text-align:center;

          background:#fff;
          background-image: none;
          overflow:hidden;

          h3 { margin: 0 0 10px 0; }
        }
      }

    }

    &.no_tables {
      margin-top: -15px;

      // If there are NO tables, this section is active
      &.active {
        display:block;
        padding:80px 0 80px 0;
      }
    }

    &.no_vis, &.no_tables {
      display:none;
      padding:0;

      &.active {
        margin-top:-15px;
      }

    } // .no_tables

    &.no_vis {

      display:none;

      &.active {
        display:block;
        padding:80px 0 80px 0;
      }

      section.empty {
        margin: 0;
        border:1px solid #D1D1D1;
        z-index:0;

        a.close {
          @include box-sizing(border-box);
          position:absolute;
          @include position(-10px, -10px, false, false);
          @include size(23px, 23px);
          font-size: 11px;
          background:white;
          @include box-shadow(0 0 3px 3px rgba(black, .08) );
          @include border-radius(50px);
          border: 1px solid #ccc;

          z-index:5;

          i {
            @include position(7px, false, false, 7px);
            @include size(7px);
            display:block;
            background:image-url("icons/x.png") no-repeat 0 0;
          }

          &:focus, &:hover {
            outline:none;
            color:black;
            text-decoration:none;
          }

        }

        div.content {
          @include box-sizing(border-box);
          padding:40px 36px 0 40px;
          /*height:308px;*/

          background:image-url("layout/empty_vis_bkg.png") repeat-y 1px 0;
          overflow:hidden;

          div.left {
            width:280px;
            padding:23px 0 0 0;

            h2 { margin: 0 0 20px 0; font-size:27px; line-height: 27px; }
            p  { margin: 0 0 20px 0; }

            ul {

              li {
                @include icons-sprite(square, $offset-y: 7px);
                margin: 0 0 6px -10px;
                padding-left: 10px;
                font-family:"Helvetica Neue", "Helvetica", Arial;
                border:none;
                line-height:normal;
                letter-spacing: 0;
                color: #666666;
              }

            }
          }

          div.right {
            position:relative;
            @include size(602px, 393px);

            .visualizations {
              @include size(602px, 393px);
              @include position(false, false, 0, 0);
              background:image-url("layout/empty_vis_tables.png") repeat-y 0 0;

              .create_new {
                @include position(188px, false, false, 194px);
                font-weight:normal;
                font-size:17px;

                @include text-shadow(0 1px 1px #455d1e);
                @include glow(.2, 10px, 5px);
              }
            }
          }
        }
      }
    }

    &.visualizations aside .head { margin-top: 25px; }
    &.tables aside .head { margin-top: 55px; }

    &.tables.active {
      display:block;
      padding:59px 0 50px 0;
    }

    &.visualizations.active {
      display:block;
      padding:60px 0 50px 0;
    }

    // Common elements for visualizations and tables
    &.visualizations,
    &.tables {
      display:none;

      margin:0;
      padding:0;
      overflow:hidden;

      &.no_padding,
      &.active.no_padding { padding-top: 0; }
      &.active.no_margin { padding-bottom: 0; }
      &.active.no_margin .inner section .paginator { margin-bottom: 0px; }

      &.hidden {
        display:none;
      }

      aside {
        width: 94px;
        margin: 0 0 5px 0;
      }

      .toggle {
        display:block;
        float:right;

        width: 15px;

        height: 8px;
        margin: 18px 0 0 18px;
        @include icons-sprite(burguer);
        border:none;

        &.active {
          @include icons-sprite(burguer_line);
        }

      }

      .order {
        float:right;
        margin: 14px 30px 0 0;

        font-size:15px;
        color: #878787;

        .selected {
          color: #333333;
          font-weight: bold;
          text-decoration:none;
        }

      }

      // Create tables or visualization button
      a.create {
        display:block;
        @include size(90px);
        @extend .cdb-block;

        background:#EEF5E2;

        text-decoration:none;

        .title {
          margin: 15px 0 0 0;

          line-height:normal;
          text-align:center;
        }

        .content {
          position: relative;

          .plus {
            @include absolute-center(25px, 24px);
            @include icons-sprite(plus_big);
          }

          &:hover .plus {
            @include icons-sprite(plus_big_selected);
          }

          &:active .plus {
            margin-top:-11px;
            @include icons-sprite(plus_big_selected);
          }
        }
      }

      .more {
        float:right;
        margin: 4px 0 0 5px;
        font:normal 11px $text-fonts2;
        color:#c3c3c3;
      }

      .tags {
        position:relative;
        margin-top: 1px;
        display:block;
        float:right;
        z-index: 1;

        a {
          @include inline-block();
          @include size(auto, 13px);

          padding:2px 7px;

          float:right;
          margin:0 0 4px 5px;

          font:normal 11px $text-fonts2;
          color:#666666;
          line-height:14px;
          background:rgba(57,125,187,0.15);
          @include border-radius(2px);
          border:1px solid #C7D1D9;

          &:hover { color:#333333; }
        }

        a.exists {
          -webkit-animation: pulsate 0.5s linear;
          -webkit-animation-iteration-count: 1;
          -webkit-animation-delay: 0.5s;
          -moz-animation: pulsate 0.5s linear;
          -moz-animation-iteration-count: 1;
          -moz-animation-delay: 0.5s;
        }
      } // span.tags

      section.tables > .head {

        position:relative;
        padding: 30px 0 56px 0;
        border-bottom:1px solid #E5E5E5;

      }

      section.visualizations > .head {

        @include box-sizing(border-box);
        margin: 0 0 27px 0;
        padding: 19px 7px 30px 0;

        @extend .clearfix;

        h2 i {
          @include inline-block();
          @include size(23px, 17px);
          @include icons-sprite(v);
          margin: 0 2px 5px 0;
        }

        .loader {
          @include position(16px, false, false, -50px);
        }

      }

      section > .head > h2 {
        float:left;

        width:auto;

        color: #c3c3c3;

        font-size:25px;
        letter-spacing:-1px;
        line-height:normal;
      }

      // Visualizations dashboard -> article

      section.visualizations {
        @include inline-block();
        width: 880px;
        letter-spacing:0px;
      }

      // List of visualizations
      section.visualizations > .content > ul {

        @include box-sizing(border-box);

        & > li {
          @extend .cdb-block; /* Lovely box */

          &.empty {
            @include box-shadow(none);
            border: 1px solid #ccc;
            @include opacity(.6);
            &:hover .content { background: #FFF; }

            i {
              display:block;
              @include size(34px, 10px);
              @include absolute-center(34px, 10px);
              @include icons-sprite(static_loader);
            }
          }

          @include inline-block();
          @include size(274px, 222px);

          margin: 0 29px 29px 0;

          &:hover > .content {
            background: #F7F7F7;
            h3 .delete { display:block; @include opacity(1); }
          }

          .tags {

            width: 100%;

            a {
              float:left;
              margin:0 5px 0 0;
              &:last-child { margin-right: 0; }
            }

          }

          .status {
            @include position(false, false, 26px, 25px);
            z-index: 1;
          }

          &:nth-child(3n)  { margin-right: 0; }

          .content  {
            position:relative;
            @include simple-transition(background-color, 250ms);

            padding: 20px 26px;

            .footer {

              @include box-sizing(border-box);
              @include size(100%, auto);
              @include position(none, none, 0, 0);
              padding: 27px;
              z-index: 0;

              .graph {
                float:right;
                @include size(119px, 34px);
              }

              .colors {
                float:right;
                @include size(33px, 34px);
                background:#ddd;
              }

            } // .footer

            h3 {
              position:relative;
              margin: 0 0 5px 0;
              font-size: 21px;

              a {

                color: $cBlue;
                @include simple-transition(color, 75ms);

                &:hover { color: $cGray1; text-decoration:none; }

              }

              .delete {
                @include position(9px, 0, none, none);
                @include size(13px, 14px);
                @include simple-transition(opacity, 250ms);

                @include icons-sprite(trash);
                @include opacity(0);
              }

            } // h3

            p {
              margin: 0 0 9px 0;
              font-size: 15px;
              color: #999999;
            }
          }
        } // li
      } // ul

    }

    section.empty {
      margin: 0;
      border:1px solid #D1D1D1;
      z-index:0;

      div.content {
        padding:100px 36px 0 40px;
        background:image-url("layout/empty_dashboard_bkg.png") repeat-y 0 0;
        overflow:hidden;

        div.left {
          width:280px;
          padding:23px 0 0 0;

          h2 {font-size:27px;line-height: 27px}
        }

        div.right {
          img {position:relative; display:block; margin:0; padding:0;}
        }

      }

      div.foot {
        ul {
          display:block;
          li {
            @include inline-block();
            width:270px;
            margin:0 27px 0 0;
            vertical-align: top;
            a {
              height:46px;
              display:block;
              padding:10px 0 0 55px;
              line-height:18px;
              @include icons-sprite(download_dataset);
            }

            &:first-child {width:350px;}
            &:last-child {margin:0;}
          }
        }
        h3 {letter-spacing:-1px; line-height:25px;}
      }
    }

    section.visualizations,
    section.tables {

      .head {

        position:relative;

        h2 {

          i {
            @include inline-block();
            @include size(23px, 17px);
            @include icons-sprite(t);
            margin: 0 2px 5px 0;
          }

          a {
            position:relative;
            padding:0 40px 6px 10px;
            margin:0 7px;
            color:#333333;
            text-decoration:none;
            font-family:$title-fonts;
            letter-spacing:-1px;
            background:#E1ECF5;
            border:1px solid #C7D1D9;
            @include border-radius(3px);

            &:before {
              @include position(11px, 12px, false, false);
              display:block;
              content:'x';
              color:#2483B4;
              font:normal 15px $text-fonts2;
              line-height:normal;
            }

            &:after {
              @include position(0, 30px, 0, false);
              @include size(1px, 100%);
              content:'';
              background:#C7D1D9;
            }

            &:hover {color:black; &:before {color:red;}}
          }
        }

        .loader {
          display:none;
          @include position(40px, false, false, -50px);
          @include size(38px, 16px);
          background:image-url("layout/loader_gray.gif") no-repeat 0 0;
        }

      }

      // Status selector

      .status {
        padding:2px 8px;
        @include border-radius(25px);
        font:bold 11px $text-fonts2;
        color:white;
        line-height:normal;
        &:hover {color:white; text-decoration:none; cursor:pointer}

        &.public {
          background:rgba(146,188,65,0.5);
          &:hover {background:rgba(146,188,65,0.8)}
        }

        &.private {
          background:rgba(255,0,0,0.5);
          &:hover {background:rgba(255,0,0,0.8)}
        }

      } // status


      &.view_all .paginator .view_all { display: block; }
    }

    section.tables {
      @include inline-block();
      width: 880px;
      letter-spacing:0px;

      // Tables list
      div.content {
        padding:0;

        &.hidden { display: none; }

        .tags a {
          float:right;
          margin:0 0 4px 5px;
        }

        ul {
          li {
            border:none;
            position:relative;
            padding: 0 30px;

            @include opacity(1);
            @include simple-transition(background, 80ms);

            &.disabled {
              @include simple-transition(opacity, 100ms);
              background-color: #e1e1e1;
              opacity:0.4;

              &:hover {
                background-color: #e1e1e1;
                opacity:0.4;
              }
            } // li.disabled

            &:hover {
              background:#fff;

              & + li div.table_info { border-color:#fff; }

              hgroup {
                filter: alpha(opacity=100)!important;
                opacity:1!important;
              }

              h3 a {
                color:black;
                text-decoration:none;
                @include simple-transition(color, 75ms);
              }

              .table_info {
                hgroup a.delete, .time { @include opacity(1); }
              }

              &:after  { content:' '; @include position(false, false, 0, 0); @include size(100%, 1px); background:#E8E8E8;}
              &:before { content:' '; @include position(0, false, false, 0); @include size(100%, 1px); background:#E8E8E8; }

            } //li:hover

            div.table_info {
              position:relative;
              @include box-sizing(border-box);
              min-height:102px;
              padding: 22px 0 33px 0;
              border-top:1px solid #EDEDED;

              & > .left  { width:400px; }
              & > .right { width:420px; }

              & > .left  p {
                @include ellipsis();
              }

              hgroup {
                margin: 0 0 9px 0;
                display:block;
                width:100%;

                &.options {
                  @include position(26px, 0, false, false);
                  display:block;
                  width:auto;
                }

                h3 {
                  @include inline-block();
                  width:auto;
                  margin:0 8px 0 0;
                  padding:0;
                  letter-spacing:0;
                  line-height:21px;
                  vertical-align:middle;

                  a {
                    display:block;
                    padding:0 1px 0 0;
                    margin:0;
                    vertical-align:middle;
                    line-height:21px;
                    font-family: $title-fonts;
                    font-size:21px;
                    letter-spacing:-1px;
                    @include transform-style("linear");
                    @include transition-property("color");
                    @include transition-duration(500ms);
                  }

                } // h3

                a {
                  @include inline-block(); width:auto; letter-spacing:0;
                  &.status { vertical-align:middle; margin:4px 0 0; }
                }

                p {
                  position:relative;
                  @include inline-block();
                  width:auto;
                  letter-spacing:0;
                  padding: 3px 10px 0 0;

                  &.size .separator {
                    padding: 0 8px;
                    position:relative;

                    &:before {
                      content:'\b7';
{'fraction_non_alphanumeric': 0.11254111254111254, 'fraction_numerical': 0.04218504218504218, 'mean_word_length': 1.213178049243623, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 33, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4435384', 'n_tokens_mistral': 11671, 'n_tokens_neox': 10011, 'n_words': 2133}