Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
a-blog cms バージョン2.6時点の、公開ページでの投稿フォームなどの既存CSSとの衝突を修正するための追加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 Pゴシック', '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 Pゴシック', '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 Pゴシック', '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 Pゴシック', '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 Pゴシック', '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 Pゴシック', '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 Pゴシック', '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 Pゴシック', '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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment