芝麻web文件管理V1.00

编辑当前文件:/home/seolotod/critterchoice.com/wp-content/plugins/woozone/aa-framework/scss/_product-in-post.scss

##{$alias}AddProductInline {
  display: none;
}
##{$alias}AddProduct {
  margin: 10px 0px 0px 0px;
  width: 100%;

.#{$alias}ChooseMenu {
    width: 100%;
    background: #ecf0f1;
    padding: 5px 5px 5px 5px;
    
    li {
      display: inline-block;
      margin: 0px 0px 0px 0px;
      
      a {
        display: block;
        padding: 5px 10px 5px 10px;
        font-family: "Open Sans",sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #111;
        padding: 10px 10px 10px 10px;
      }
      a:hover,
      a.on {
          background-color: #34495e;
          color: #fff;
      }
    }
  }
  ##{$alias}-ajaxLoadingBox {
    box-shadow: 1px 2px 1px #ecf0f1;
    border-radius: 4px;
    border: 1px solid #ecf0f1;
  }
  
  ##{$alias}AddImportedProducts .#{$alias}AllProducts {
    width: 60%;
    margin: 0px 2% 0px 0px;
    overflow: auto;
    height: 500px;
    float: left;
    border: 1px solid #ecf0f1;
    padding: 10px 10px 10px 10px;
  }
  
  ##{$alias}AddImportedProducts .list-of-products {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    li {
      display: block;
      float: left;
      margin: 0px 10px 10px 0px;
      
      a {
        display: block;
        width: 110px;
        border: 1px solid #bdc3c7;
        padding: 5px 5px 5px 5px;
        height: 175px;
        text-decoration: none;
        text-align: center;
        position: relative;
        
        span.product-post-image {
          display: block;
          min-height: 100px;
        }
        h3 {
          font-size: 13px;
          margin-bottom: 0px;
          padding: 0px 0px 0px 0px;
        }
        h2 {
          font-size: 12px;
          overflow: hidden;
          
          span {
              display: block;
              width: 100%;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
          }
        }
      }
      a:hover {
        border-color: #2980b9;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(15, 47, 255, 0.2);
        -moz-box-shadow:    0px 0px 4px 0px rgba(15, 47, 255, 0.2);
        box-shadow:         0px 0px 4px 0px rgba(15, 47, 255, 0.2);
      }
          
      .product-tick-box {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0, 0.45);
      }
      .product-tick-box em {
        display: block;
        height: 28px;
        left: 50%;
        overflow: hidden;
        position: absolute;
        top: 50%;
        width: 25px;
        margin-left: -14px;
        margin-top: -14px;
        text-indent: -1000px;
        background: url('#framework_url/images/tick.png') no-repeat center center; 
      }
    }
  }

##{$alias}AddImportedProducts .#{$alias}ChosenProducts-list {
        width: 100%;
        clear: both;
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
                
    ##{$alias}AddImportedProducts .#{$alias}ChosenProducts {
      width: 30%;
      padding: 10px 10px 10px 10px;
      float: left;
      border: 1px solid #ecf0f1;
      
        ul li {
          display: block;
          float: left;
          margin: 0px 10px 10px 0px;
          position: relative;
          
          a {
            display: block;
            width: 85px;
            border: 1px solid #bdc3c7;
            padding: 5px 5px 5px 5px;
            height: 85px;
            text-decoration: none;
            text-align: center;
            
            span {
              display: block;
              height: 60px; 
              overflow: hidden;
              margin: 0px 0px 5px 0px;
            }
          }
          a:hover {
              border-color: #2980b9;
              -webkit-box-shadow: 0px 0px 4px 0px rgba(15, 47, 255, 0.2);
              -moz-box-shadow:    0px 0px 4px 0px rgba(15, 47, 255, 0.2);
              box-shadow:         0px 0px 4px 0px rgba(15, 47, 255, 0.2);
          }
          
          .product-mask {
            font-size: 10px;
            text-decoration: none;
            color: #000;
          }
          
          .product-delete-box {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0, 0.45);
            opacity: 0;
            transition: opacity 350ms ease;
            
            em {
                display: block;
                height: 27px;
                left: 0%;
                overflow: hidden;
                position: absolute;
                top: 70px;
                width: 100%;
                background: #fff;
                text-indent: -1000px;
                border: 1px solid #ecf0f1;
                background: #fff url('#framework_url/images/error.png') no-repeat 50% 4px ; 
                opacity: 0.6;
                transition: opacity 350ms ease;
            }
            em:hover {
                opacity: 1;
            }
          }
        }
        
        ul li:hover .product-delete-box {
              opacity: 1;
        }
          
      .product-note {
        font-size: 11px;
        color: #000;
        font-style: italic;
      }
    }
}