スタイル

テーマはLightning。
videoとimageは自動サイズ調整なので他テーマでも使えるはず。

.entry-body table {
  margin-bottom: 2.0em
}

.entry-body video {
  max-width: 75%;
  height: auto;
}

.entry-body .img-horizontal {
  max-width: 75%;
  height: auto;

  display: inline-block;
  position: relative;

  -moz-box-shadow: 2px 2px 3px 3px #CCC;
  -webkit-box-shadow: 2px 2px 3px 3px #CCC;
  box-shadow: 2px 2px 3px 3px #CCC;
  background-color: #EEE;
  border-radius: 5px;
  padding: 2px;
  margin: 0px 20px 20px 0px;
}
.entry-body .img-vertical {
  max-width: 50%;
  width: auto;

  display: inline-block;
  position: relative;

  -moz-box-shadow: 2px 2px 3px 3px #CCC;
  -webkit-box-shadow: 2px 2px 3px 3px #CCC;
  box-shadow: 2px 2px 3px 3px #CCC;
  background-color: #EEE;
  border-radius: 5px;
  padding: 2px;
  margin: 0px 20px 20px 0px;
}

.entry-body pre {
  border-radius: 5px;
  padding:2px;
  margin-bottom: 3.0em;
  background-color: rgba(0,0,0,0.45);
}

画像リンク

画像リンクのテンプレです。

横長画像

<div class="img-horizontal">
    <a href="https://dl.dropboxusercontent.com/u/3802219/maman-it-blog/IMAGE"><img src="https://dl.dropboxusercontent.com/u/3802219/maman-it-blog/IMAGE" /></a>
</div>

縦長画像

<div class="img-vertical">
    <a href="https://dl.dropboxusercontent.com/u/3802219/maman-it-blog/IMAGE"><img src="https://dl.dropboxusercontent.com/u/3802219/maman-it-blog/IMAGE" /></a>
</div>

動画

<video controls src="https://dl.dropboxusercontent.com/u/3802219/maman-it-blog/2015-09-26 17h48_51.mp4" type="video/mp4"></video>