カエレバ.hatena.mobile.css

<style type="text/css">
  * {font-family:"Avenir Next", sans-serif;}
  #globalheader-container {display:none;}
  #footer-menu {display:none;}
  .profile {display:none !important;}
  .footer-action-wrapper {display:none;}
  .footer-service-link {display:none;}
  .entry-content h4 { color: rgb(59, 66, 126);/*￦ﾖﾇ￥ﾭﾗ￨ﾉﾲ*/
  background: rgb(243, 242, 252); /*￨ﾃﾌ￦ﾙﾯ￨ﾉﾲ*/
  padding: 10px 10px; /*￨ﾦﾋ￥ﾇﾺ￣ﾁﾗ￣ﾁﾾ￣ﾂﾏ￣ﾂﾊ￣ﾁﾮ￣ﾂﾹ￣ﾃﾚ￣ﾃﾼ￣ﾂﾹ ￤ﾸﾊ￤ﾸﾋ￣ﾀﾁ￥ﾷﾦ￥ﾏﾳ*/
  border-left: 9px solid rgb(97, 101, 134); /*￨ﾦﾋ￥ﾇﾺ￣ﾁﾗ￥ﾷﾦ￣ﾁﾮ￧ﾷﾚ*/}
    .list-entry-article .thumb-image 
      {
      width: 100px; /*￣ﾂﾵ￣ﾃﾠ￣ﾃﾍ￣ﾂﾤ￣ﾃﾫ￧ﾔﾻ￥ﾃﾏ￣ﾁﾮ￦ﾨﾪ￥ﾹﾅ*/
      height: 100px; /*￣ﾂﾵ￣ﾃﾠ￣ﾃﾍ￣ﾂﾤ￣ﾃﾫ￣ﾁﾌ￧ﾔﾻ￥ﾃﾏ￣ﾁﾮ￧ﾸﾦ￥ﾹﾅ*/
      border-radius: 0em; /*￣ﾂﾵ￣ﾃﾠ￣ﾃﾍ￣ﾂﾤ￣ﾃﾫ￧ﾔﾻ￥ﾃﾏ￣ﾁﾮ￨ﾧﾒ￣ﾁﾮ￤ﾸﾸ￣ﾁ﾿￣ﾂﾒ￣ﾁﾪ￣ﾁﾏ￣ﾁﾙ*/
      border: solid 3px rgb(61, 61, 61); /*￧ﾔﾻ￥ﾃﾏ￣ﾁﾮ￦ﾞﾠ￧ﾷﾚ￣ﾂﾒ￣ﾁﾤ￣ﾁﾑ￣ﾂﾋ*/
      }
  .date
      {
      color: white; /*￦ﾗﾥ￤ﾻﾘ￣ﾁﾮ￦ﾖﾇ￥ﾭﾗ￨ﾉﾲ*/
      background: #444B99;/*￦ﾗﾥ￤ﾻﾘ￣ﾁﾮ￨ﾃﾌ￦ﾙﾯ￨ﾉﾲ*/
      padding: 0px 10px;/*￦ﾗﾥ￤ﾻﾘ￣ﾁﾮ￦ﾖﾇ￥ﾭﾗ￣ﾁﾾ￣ﾂﾏ￣ﾂﾊ￣ﾁﾮ￣ﾂﾹ￣ﾃﾚ￣ﾃﾼ￣ﾂﾹ*/
      }

  
  /*--------------------------------------
  カエレバ設定
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    width:85%;
    margin: 1em auto 1em auto;
    padding: 5%;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    text-align:center;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    font-size:16px;
    margin-bottom:14px;
    line-height:1.2em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8pt;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
    margin-bottom:15px;
}
 
.booklink-link2, .kaerebalink-link1{
    margin-top:20px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven, .shoplinkkakakucom {
        width:90%;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    margin:0  auto 5px auto;
    padding:10px 2px;
    text-align:center;
    }
    
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkseven:hover, .shoplinkkakakucom:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
 
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkseven:active  .shoplinkkakakucom:active {
    position:relative;
    top:1px;
}
 
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkseven a, .shoplinkkakakucom a{
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
}
    
.shoplinkamazon a{
    color:#FF9901;
}
 
 .shoplinkrakuten a{
    color:#c20004;
}
 
.shoplinkkindle a{
    color:#007dcd;    
}
 
.shoplinkkakakucom a{
    color:#314995;    
}
 
.shoplinkyahoo a{
    color:#7b0099; 
}

.shoplinkseven a{
    color:#4DB77D; 
}

.shoplinkyahoo img{
    display:none;
}
 
.booklink-footer{
    clear:left;
}
</style>

カエレバ.hatena.pc.css

/*--------------------------------------
  ヨメレバ・カエレバ（PC）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    width:90%;
    margin:20px auto;
    padding:20px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}

.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
}

.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
 
.booklink-info, .kaerebalink-info{
    margin:0;
        text-align:left;
    line-height:120%;
    overflow: hidden;
}
 
.booklink-name, .kaerebalink-name{
    font-size:16px;
    margin-bottom:24px;
    line-height:1.5em;
}
 
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8pt;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
    margin-bottom:15px;
}
 
.booklink-link2, .kaerebalink-link1{
    margin-top:10px;
}
 
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven, .shoplinkkakakucom {
        width:30%;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    margin:15px 2px 0 auto;
    padding:8px 1px;
    text-align:center;
        float:left;
    }
    
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkseven:hover, .shoplinkkakakucom:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
 
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkseven:active,  .shoplinkkakakucom:active {
    position:relative;
    top:1px;
}
 
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkseven a, .shoplinkkakakucom a{
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
}
    
.shoplinkamazon a{
    color:#FF9901;
}
 
 .shoplinkrakuten a{
    color:#c20004;
}
 
.shoplinkkindle a{
    color:#007dcd;    
}
 
.shoplinkkakakucom a{
    color:#314995;    
}
 
.shoplinkyahoo a{
    color:#7b0099; 
}
.shoplinkyahoo img{
    display:none;
}

.shoplinkseven a{
    color:#4DB77D; 
}

.booklink-footer{
    clear:left;
}

.shoplinkyahoo a{
     font-size:10px;
 }