/* entries css*/

@mixin entry{
    
    h2 {margin-top: 1em;
      padding: 0.3em !important;}
      
}

  /*画像サムネイル*/
@mixin image_rect {
    $button_width: 35%;    
    
    font-size: 80%;
    width:31%;
    background-color:gainsboro;
    float:left;
    padding:4px;
    border: 1px inset darkgray;
    
    p.image_header{
      
      width: 100%;
      height:1.5em;
      margin-bottom: 0em;
      padding:3px 0px;
      border:1px solid gray;  
          
      span.title {
        display:block;
        height:1.5em;
        overflow:hidden;
        float:left;
        color:white;
        margin-left: 2px;
      }
      span.button{
        display:block;
        width:$button_width;
        height:1.5em;
        float:right;
        margin-right: 2px;
        color:white;
        text-align: right;
        
        a{
          &:link{color:white;}
          &:hover{color:gray;}
          &:visited{color:gainsboro;}
        }
      }
    }
    a {
      img {border: 1px solid gray;}
    }
    p.image_footer {
      width:100%;
      border-top: 1px #ccf dashed;
      padding-top: 4px;
      text-align: left;
    }
}

/***
 * 一覧用CSS
 */
div.entry_entries  {
    overflow: hidden;
    height: auto;
    /* この幅を調整することで
     * テーブルの幅も調整できる。
     */ 
    width: 100%;
    
    @include entry;
    
    img {
        float: left;
        margin: 0 15px 0 0 !important;
        padding: 0 !important;
        border: 1px solid gray !important;
        width: 150px;
    } 
    p {
        overflow: hidden;
        height: auto;
    }
}


/*
 * 詳細用CSS
 */
div.entry_detail{
    @include entry;
    div.image_rect {@include image_rect ;} 
}


.draft {background-color:gainsboro !important;color:navy !important;}
.public {
  background-color:#39426B !important;
  color: #E8EAF2 !important;
}
.member_only{
  background-color:#39426B;
  color: #E8EAF2 !important;
}

table.entries_list{
  font-size:75%;
  th {text-align:center;  }
}