a-blog cms バージョン2.6時点の、公開ページでの投稿フォームなどの既存CSSとの衝突を修正するための追加CSS

acms_ex.css

@charset "UTF-8";
/*
 * a-blog cms extend css
 * version: 2.6 lator
 *
 */

/*
 * 本文のスタイルの影響をUIも受けてしまう問題を回避
 * ----------------------------
 */

#adminBox,
#entryForm,
.acms-admin-form,
body .ui-widget,
.acms-admin-revison-admin,
.acms-admin-edit-info {
  color: #333;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

  #adminBox a,
  #entryForm a,
  .acms-admin-form a,
  body .ui-widget a,
  .acms-admin-revison-admin a,
  .acms-admin-edit-info a {
    font-weight: 300;
  }

.acms-admin-table {
  font-size: 14px;
}

.acmsBenchmarkTable {
  color: #333;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
  line-height: 1.25;
}

.acms-admin-module-edit {
  line-height: 1.5;
}

  .acms-admin-module-edit a {
    font-size: 13px;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 300;
    text-decoration: none;
  }

  .acms-admin-module-edit a:hover {
    text-decoration: underline;
  }

a.js-dialog-btn {
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
  line-height: 1.25;
}

a.acms-admin-accordion-title-link,
a.detail-fade-head {
  color: #333;
  text-decoration: none;
}

/*
 * 投稿画面の見出しスタイルを上書き
 * ----------------------------
 */

.titleWrapper h2 {
  margin: 1em 0;
  padding: 0;
  background: transparent none;
  border: 0 none;
  color: #333;
  font-size: 18px;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 700;
  text-align: left;
  line-height: 1.25;
}

  .titleWrapper h2:before,
  .titleWrapper h2:after {
    display: none;
  }

.titleWrapper p {
  margin: 1em 0;
  color: #333;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  text-align: left;
  line-height: 1.5;
}

/*
 * モーダルウィンドウ内のモジュール設定の見出しスタイルを上書き
 * ----------------------------
 */

.acms-admin-modal-header h3 {
  margin: 1em 0;
  padding: 0;
  background: transparent none;
  border: 0 none;
  color: #333;
  font-size: 18px;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 700;
  text-align: left;
  line-height: 1.25;
}

  .acms-admin-modal-header h3:before,
  .acms-admin-modal-header h3:after {
    display: none;
  }


/*
 * 全幅レイアウトのサイトに組み込んだときにUIが広がりすぎる問題を回避
 * ----------------------------
 */

#entryForm,
.acms-admin-form,
body .ui-widget,
.acms-admin-revison-admin,
.acms-admin-edit-info {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.acms-admin-modal-dialog.large {
  max-width: 95%;
}

@media (min-width: 1280px) {

  .acms-admin-modal-dialog.large {
    max-width: 1200px;
    min-width: 800px;
  }

}


/*
 * 管理ボックスのボタンサイズを固定
 * ----------------------------
 */

#adminBox [class*=acms-admin-btn] {
  font-size: 13px;
}


/*
 * ユニット内のラベルのクラス名がbootstapと重複している問題を回避
 * ----------------------------
 */

.entryFormColumn .entryFormColumnHead .label {
  display: inline-block;
  color: #fff;
  background: transparent none !important;
  padding: 0;
  border: 0 none;
  font-size: 13px;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
  line-height: 1.5;
  text-align: right;
  border-radius: 0;
  vertical-align: middle;
}


/*
 * acms.css以外のフレームワークを使用すると予期しない箇所で段組が解除されてしまう問題を回避
 * ----------------------------
 */

.acms-admin-clear {
  clear: none !important;
}


/*
 * エントリーカスタムフィールドのラベルを長いタイトルにも対応させる
 * ----------------------------
 */

.entryFormTable th {
  width: 25%;
  max-width: 200px;
}


/*
 * ファイルユニットになぜかインラインでwidthが入ってしまう問題を回避
 * ----------------------------
 */

div.column-file-auto,
div.column-file-center {
  width: auto !important;
}


/*
 * ツールチップアイコンをエントリーカスタムフィールド・カスタムユニットでも使用できるようにする
 * ----------------------------
 */

#entryForm .acms-admin-icon-tooltip,
body .ui-widget .acms-admin-icon-tooltip {
  margin-left: .25em;
}


/*
 * 文字装飾ボタンを目立たせる
 * ----------------------------
 */

.js-tag_insertion .emoji-trigger-btn,
.js-tag_insertion .emoji-trigger-tag,
.js-media_insert {
  display: inline-block;
  min-width: 5em;
  padding: .25em .5em;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  border: 1px solid #999;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  vertical-align: middle;
}

  .js-tag_insertion .emoji-trigger-btn:hover,
  .js-tag_insertion .emoji-trigger-tag:hover,
  .js-media_insert:hover {
    background-color: #ddd;
  }

.js-tag_insertion .emoji-trigger-tag[rel="a"] {
  text-decoration: underline;
}

.js-tag_insertion .emoji-trigger-tag[rel="em"] {
  font-style: italic;
}

.js-tag_insertion .emoji-trigger-tag[rel="strong"] {
  font-weight: bold;
}