SmallStyle

_ Lightbox JS 最新版ではキーボードでも閉じられるように

ふらっと Lightbox JS の配布元を見てみたら，また更新されていたようで，最新版に入れ替えてみました．今回のアップデートでは，これまでマウスクリックでしか，ポップアップ表示した画面を閉じることができなかったのですが，キーボードからでも閉じることが可能になったみたいです．

これにあわせて CSS も少し変更． CSSを使ってキーボードのアイコンっぽく表示させるを参考に，キーボードのアイコンっぽく表示させるようにしてみました．

#lightboxDetails{
   font-size: 0.8em;   padding-top: 0.4em;
   }

#lightboxCaption {
   float: left;
   text-align: center;
   text-decoration: underline;
   }

#keyboardMsg{ float: right; }

#keyboardMsg kbd {
   color; #333;
   background: #fff;
   text-align: center;
   border-left: 1px solid #cfcfcf;
   border-top: 1px solid #cfcfcf;
   border-right: 2px solid #666;
   border-bottom: 2px solid #666;
   -moz-border-radius: 4px 4px 4px 4px;
   padding-left: 1px;
   padding-top: 0;
   padding-right: 2px;
   padding-bottom: 0;
   margin-left: 2px;
   margin-right: 2px;
   vertical-align: top;
   }