最新版エディタ（標準）のアレンジ Ameblo Writer ver.5 CSSコード

Ameblo Writer ver.5　CSSコード

〔セクション1〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* Ameblo Writer ver.5　基本CSS */

/* body 幅管理 */
html {
    height: 100%; }

.l-body {
    min-width: 1170px;
    height: 100%;
    background: #a2c0ce !important; }

@media screen and (max-width: 1024px) {
.l-body {
    min-width: 990px; } }


/* コンテナ 　メインフォーム */
.l-form {
    position: relative;
    margin: 0 auto;
    padding: 16px 0 0; }


/* 全体ヘッダー */
#globalHeader {
    position: absolute;
    top: 18px;
    left: calc(50% + 128px);
    height: 34px;
    width: 440px;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 7; }

@media screen and (max-width: 1024px) {
#globalHeader {
    left: calc(50% + 48px); } }

.l-globalHeader {
    min-width: 400px!important; }

#globalHeader #gHeaderLeft {
    position: relative;
    margin: 0;
    padding: 6px 10px 0;
    width: auto;
    background: #fff;
    border-radius: 6px;
    z-index: 1; }

#globalHeader #gHeaderRight {
    margin-top: -2px; }


/* 編集ヘッダー */
#js-header-bar {
    position: absolute;
    top: 18px;
    left: calc(50% - 140px);
    min-width: initial;
    width: 240px;
    margin: 0;
    padding: 0;
    height: 34px;
    line-height: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 7;
    transition: 0.5s ease 1s; }

@media screen and (max-width: 1024px) {
#js-header-bar {
    left: calc(50% - 210px); } }

#js-header-bar:hover {
    width: 590px;
    box-shadow: 3px 1px 2px 0px #a2c0ce;
    transition: 0.5s ease 0s; }

.l-header__inner {
    width: 590px; }

.p-header__tab__item a {
    font-weight: bold;
    line-height: 18px; }

.js-preview-mode.p-header__tab__item__pulldown {
    padding: 12px 0 4px; }

.p-header__tab__item__previewMode {
    display: flex;
    height: 15px;
    top: 2px;
    left: 140px;
    width: 310px;
    padding: 7px 0;
    border: 1px solid #ddd;
    color: #fff;
    background-color: #5c97b1; }

.p-header__tab__item__previewMode__item {
    margin: 0 0 0 20px; }

#js-preview-mode-balloon .c-radioCheck + label {
    padding-left: 15px; }

.p-header__linkTop__item {
    padding: 10px 12px 0 0; }


/* タイトルバー */
.p-title {
    position: relative;
    top: 2px;
    width: 400px;
    margin-bottom: 15px;
    z-index: 7;
    transition: 0.5s; }

@media screen and (max-width: 1024px) {
.p-title {
    width: 260px; } }

.p-title:hover {
    width: 824px;
    box-shadow: 3px 1px 2px 0px #a2c0ce; }

.p-title .c-textbox {
    height: 36px;
    padding: 0.3em 1em 0.1em;
    border: 1px solid #ccc; }

.p-title .c-textbox:focus {
    width: 824px;
    box-shadow: 3px 1px 2px 0px #a2c0ce; }


/* 編集部コンテナ */
.l-main {
    margin-bottom: 0; }


/* 編集ツールバー */
.l-editor {
    overflow: visible; }

#cke_1_top {
    width: 824px;
    margin-bottom: 0;
    position: relative;
    z-index: 3;
    background: #a2c0ce; }

@media screen and (max-width: 1024px) {
#cke_1_top {
    width: 664px;
    overflow: hidden;
    transition: 0.2s ease 1s; }

#cke_1_top:hover {
    width: 758px;
    transition: 0.2s ease 0s; } }

#cke_1_toolbox {
    display: inline-flex;
    width: 824px; }

.cke_toolbar {
    display: block;
    height: 30px; }

.cke_toolbar_break {
    display: none; }

.cke_toolgroup {
    margin: 2px 5px 0 8px; }

.cke_toolbar_separator {
    border: none;
    margin: 0 4px;
    width: 0px; }

.cke_button {
    background: #fff !important;
    border: 1px solid #ccc !important; }


/* 文字・段落 ダイアログ */
.cke_combo {
    margin: 2px 6px 0 0; }

.cke_combo_text {
    font: bold 14px/22px Meiryo UI;
    padding: 1px 0 2px 8px;
    color: #888; }

.cke_combo_open {
    display: none; }

.cke_combo__fontsize {
    width: 75px; }

.cke_combo__fontsize .cke_combo_inlinelabel {
    text-indent: -4px; }

.cke_combo__format {
    width: 70px !important; }

.cke_panel {
    background: #edf0f2; }

.cke_panel_container {
    font-family: inherit;
    overflow: hidden;
    background: #edf0f2 !important; }

.cke_panel_listItem a:hover {
    background-color: #bbdefb; }


/* カラー設定ダイアログ */
.ck-l-colorGenerator {
    background-color: #edf0f2; }

.ck-p-colorGenerator__Result__codeAddon {
    font-family: Meiryo;
    left: -2px; }

#js-colorCode {
    font-family: Meiryo; }


/* リンク設定ダイアログ */
.ck-l-linkDialog {
    background: #edf0f2; }

.ck-p-linkDialog__title {
    font: bold 16px Meiryo; }

.ck-p-linkInput__form__label {
    font: bold 12px Meiryo; }

#js-linkText {
    font: normal 16px Meiryo; }

#js-linkDialogInput {
    font: normal 16px Meiryo; }

.ck-p-linkOption {
    font: normal 14px Meiryo; }


/* 画像配置ダイアログ */
#js-ck-imgBalloon {
    background: #edf0f2; }

.ck-imgBalloon__imageSizeButton__item__text.is-selected {
    background: #bbdefb; }

.ck-imgJustify--active {
    background: #bbdefb; }


/* エラー表示 */
#js-postErrorModalInner {
    background: #edf0f2; }


/* 編集枠 iframe背景色 特殊設定 */
html {
    background: rgba(0, 0, 0, 0.01) !important; }


/* 編集枠周囲 */
iframe.cke_wysiwyg_frame.cke_reset {
    background: #c6d6dd; }


/* 編集枠 */
#cke_1_contents {
    height: 506px !important; }

.cke_contents {
    padding: 4px 0;
    background: #c6d6dd; }

.cke_contents > .cke_wysiwyg_frame {
    height: 496px !important; }


/* ホワイトモード編集枠 */
.cke_editable {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 0 0;
    box-shadow: 0 0 0 12px #f8f8f8;
    color: #000; }


/* ブラックモード編集枠 */
.cke_editable_black {
    box-shadow: 0 0 0 12px #3a3a3a;
    color: #fff; }


/* 通常・HTML 切替タブ */
.p-editMode__tab {
    color: #000 }

.p-editMode__label {
    color: #000;
    border: 1px solid #ddd;
    border-top: none; }

.p-editMode__radio:checked ~ .p-editMode__label {
    color: #555;
    background: #c6d6dd; }

.p-editMode__radio:checked ~ .p-editMode__label::before {
    content: none !important; }


/* 文字数カウント */
.cke_path_item {
    font: normal 12px Meiryo;
    color: #000; }


/* 編集枠背景色モード ダイアログ */
.p-editorStyle__modal {
    background: #edf0f2; }


/* HTML編集枠 */
.CodeMirror {
    height: 496px !important; }

.CodeMirror-sizer {
    padding-top: 10px; }

.CodeMirror pre {
    font-size: 14px;
    line-height: 1.5; }

.CodeMirror-linenumber {
    color: #000; }

.CodeMirror-gutters {
    background: #c6d6dd; }


/* 右パレット */
.l-sideModule {
    margin-top: 2px; }

.p-sideModule__outer {
    margin-top: 0px; }

.p-sideModule__tabItem {
    left: 12px;
    width: 30px;
    height: 32px;
    line-height: 28px;
    margin: 0 3px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #e0f7fa; }

.p-sideModule__tabItem.is-selected {
    border-color: #ccc; }


/* 右パレット背景色 */
.c-checkbox + label,
.l-sideModule__content {
    background: #c4d4da; }


/* タブ白点削除 */
.p-sideModule__tabItem:first-of-type.is-selected::after {
    border: none;
    background: none; }


/* 右パレット内文字色 */
.p-sideModule__subNavItem.is-selected > .p-sideModule__subNavItem__text--large {
    color: #2196f3;
    font-weight: bold; }

.p-sideModule__subNavItem.is-selected > .p-sideModule__subNavItem__text--medium {
    color: #2196f3; }

.p-sideModule__subNavItem__text {
    color: #000; }

.p-sideModule__subNavItem::after {
    display: none; }

.p-sideModule__subNavItem:nth-of-type(7) {
    margin-right: 5px; }

.p-sideModule__subNavItem:nth-of-type(7) > .p-sideModule__subNavItem__text--medium {
    margin-right: 5px; }


/* Photo */
#js-photos-month-list a {
    color: #000 !important; }

.p-images-imageList__listItem__uploadButton {
    filter: brightness(200%);
    background-size: 72px; }

.p-images-imageList--photo {
    height: 406px; }


/* 動画時の縦スクロールバーを消す */
#js-movies-firstInfo {
    position: absolute; }


/* 絵文字  */
.p-sideModule__inner--pictograph {
    height: 406px; }

.p-sideModule__pictograph {
    height: 324px; }

.p-customPicto__tooltip__thumbnail > img,
.p-sideModule__pictographItem > img {
    height: 24px!important;
    width: 24px!important; }


/* YouTube */
.p-video__itemName,
.p-video__itemChannel {
    color: #000; }

.p-video__itemName::before,
.p-video__itemChannel::before {
    content: '\2003';
    background: linear-gradient(to right, rgba(196, 212, 218, 0) 0%, rgba(196, 212, 218, 0) 80%, rgba(196, 212, 218, 1) 100%); }

.p-video__itemName::after,
.p-video__itemChannel::after {
    background: #c4d4da; }


/* 楽天・アマゾン */
.p-affiliate__sortValue {
    color: #000; }

.p-affiliate__sortValue.is-active {
    color: #2196f3; }

.p-affiliate__itemName,
.p-affiliate__itemPrice {
    color: #000; }

.p-affiliate__itemName::before {
    content: '\2003';
    background: linear-gradient(to right, rgba(196, 212, 218, 0) 0%, rgba(196, 212, 218, 0) 80%, rgba(196, 212, 218, 1) 100%); }

.p-affiliate__itemName::after {
    background: #c4d4da; }


/* ハッシュタグ */
.l-hashtag {
    position: absolute;
    width: 470px;
    height: 30px;
    overflow: hidden;
    transition: 0.5s;
    z-index: 3; }

@media screen and (max-width: 1024px) {
.l-hashtag {
    width: 310px; } }

.l-hashtag:hover {
    width: 824px;
    height: auto;
    box-shadow: 3px 1px 2px 0px #a2c0ce; }

.p-hashtag__setting__list {
    width: 824px;
    min-height: 28px; }

.p-hashtag__setting__list__title {
    line-height: 20px;
    padding: 5px 0 0; }

.p-hashtag__setting__list__tags {
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
    padding: 4px 12px 0 0; }

.p-hashtag__setting__list__edit {
    line-height: 20px;
    height: initial;
    padding: 3px 0 0 10px; }

#js-hashtag-editor-suggest {
    display: none !important; }


/* ハッシュタグ ダイアログ */
.p-hashtag__modal {
    background: #edf0f2; }

.p-hashtag__modal__hashtagList__item {
    height: 25px;
    border-radius: 4px;
    background: #b4d5e4; }

.p-hashtag__modal__hashtagList__tag {
    line-height: 27px; }

#js-hashtag-input {
    height: 28px;
    margin: 5px 30px 0;
    border-radius: 4px; }

.p-hashtag__modal__subtitle--top {
    padding: 6px 30px 5px; }

.p-hashtag__modal__subtitle {
    background: #cfd8dc; }

#js-hashtag-modal-wrapper h3,
#js-hashtag-modal-wrapper h4,
.p-hashtag__modal__count {
    color: #000; }

#js-hashtag-user-tags a,
.p-hashtag__modal__hashtagList__tag--empty,
.p-hashtag__modal__hashtagList__tag--recommend {
    color: #000 !important; }


/* 時刻設定 */
.l-under-module {
    position: relative;
    top: -16px;
    left: 490px;
    width: 650px;
    margin: 0; }

@media screen and (max-width: 1024px) {
.l-under-module {
    left: 330px; } }

#js-entryDatePreview {
    line-height: 32px; }


/* カレンダー */
.l_calendar {
    background: #edf0f2; }

.l_calendar span,
.l_calendar div {
    color: #000; }

.l_calendar .is-enable.is-selected {
    background: #bbdefb;
    border: 1px solid #eee;
    border-radius: 4px; }

button#js-calCurrentButton {
    color: #000;
    background: #cfd8dc; }


/* テーマ */
.p-theme__select {
    width: 300px; }

.p-theme__add {
    margin-top: 0; }

.p-theme__add .c-button {
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #888; }

.p-theme__modal {
    background: #edf0f2; }


/* SNSボタン など */
.l-communication {
    margin: 0;
    padding: 6px 0 4px;
    width: 640px;
    background: #eceff1;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center; }

@media screen and (max-width: 1024px) {
.l-communication {
    width: 590px; }

.l-communicationList {
    margin-right: 15px; }

.p-communication {
    margin-right: 15px; } }

.c-icon--facebook,
.c-icon--twitter {
    height: 20px; }


/* 公開ボタン */
.l-footer {
    padding: 0;
    border: none; }

.p-submit__container {
    position: static;
    margin: -28px 0px 20px 670px; }

.js-submitButton {
    height: 36px !important;
    line-height: 37px;
    margin: 0 0 0 10px !important; }

@media screen and (max-width: 1024px) {
.p-submit__container {
    position: static;
    margin: -28px 0px 20px 595px; }

.js-submitButton.c-button.c-button--normal {
    width: 70px; }

.js-submitButton.c-button.c-button--primary {
    width: 110px; } }


/* 下部注意書き */
.p-warning--copylight {
    display: none; }

#globalFooter {
    display: none; }


/* 同じウインドウ表示のプレビュー画面の修復 */
#js-preview {
    width: 100%;
    height: calc(100% - 16px);
    overflow: hidden; }

#js-preview-pc {
    width: 100%;
    height: 100% !important; }

#js-preview-frame-pc {
    height: calc(100% - 44px) !important; }

〔セクション2〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 編集枠オプション　フォント種　メイリオ */
.cke_editable {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic'; }

〔セクション3〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 編集枠オプション　フォントサイズ　14px */
.cke_editable {
    font-size: 14px !important; }

.CodeMirror pre {
    font-size: 14px; }

〔セクション4〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 編集枠オプション フォントサイズ　16px */
.cke_editable {
    font-size: 16px !important; }

.CodeMirror pre {
    font-size: 16px; }

〔セクション5〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* コンパクト右パレットオプション 通常版専用 */

/* 編集枠幅・パレット幅 */
.l-editor {
    width: 904px !important; }

@media screen and (max-width: 1024px) {
.l-editor {
    width: 750px !important; } }

#cke_1_top,
#cke_1_top:hover {
    width: 100%; }

.l-sideModule {
    width: 225px; }

.p-sideModule__tabItem {
    left: 0px;
    width: 28px;
    line-height: 28px;
    margin: 0px; }


/* 写真・動画 */
.p-images__header__tab__item__label {
    width: 100px; }

.p-images__header__size {
    padding: 12px 6px 8px; }

.p-images__header__size__title {
    margin-right: -20px; }

.p-images__header__size__photo {
    float: right; }

.p-sideModule__subNavItem {
    display: inline-block;
    margin: 0 -3px 5px 0; }

.p-sideModule__subNavItem:nth-of-type(7) {
    margin-right: -3px; }

.p-sideModule__subNavItem__text--medium {
    padding: 0 0.4em;
    line-height: 25px; }

.p-images__header__photoDate {
    padding: 0 6px 12px; }

.p-images__header__photoDate__month {
    float: right;
    width: 62px;
    margin-left: -5px; }

#js-photos-month {
    padding: 5px 0 5px; }

.p-images-imageList__body {
    padding: 5px 0 10px 6px; }

.p-images-imageList__listItem {
    width: 96px;
    height: 72px;
    margin-right: 4px !important; }

.p-images__header__size__movie {
    float: right; }

.p-images__header__size__movie__item__text {
    width: 40px; }

.p-images-movieFirstInfo {
    width: 223px; }


/* 絵文字  */
.p-sideModule__inner--history {
    padding: 10px 0 10px 6px; }

.p-sideModule__inner--pictograph {
    padding: 10px 0 10px 6px; }

.p-sideModule__customPictHeader {
    padding: 10px 6px 5px; }

.p-sideModule__inner--custom {
    padding: 10px 0 30px 6px; }

.p-sideModule__pictograph {
    padding-right: 0 !important; }


/* 顔文字 */
.p-sideModule__inner--emoticon {
    padding: 10px 0px 10px 6px; }


/* YouTube */
.p-video__header {
    padding: 15px 6px 10px; }

.p-video__searchBox {
    margin-right: 0;
    width: 168px; }

.p-video__searchButton {
    float: right;
    width: 40px; }

.p-video__sizeTitle {
    font-size: 12px;
    margin: 1px 0 0 10px; }

.p-video__sizeSelect {
    width: 90px; }

.p-video__item {
    padding: 10px 6px 10px 6px; }

.p-video__item__explain {
    padding: 10px 6px 10px 76px; }


/* 楽天・Amazon */
.p-affiliate__header {
    padding: 15px 6px 10px; }

.p-affiliate__searchBox {
    width: 168px;
    margin-right: 0; }

.p-affiliate__searchButton {
    float: right;
    width: 40px; }

.p-affiliate__item {
    padding: 10px 6px 10px 6px; }

.p-affiliate__item__explain {
    padding: 10px 6px 10px 76px; }

〔セクション6〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 編集枠オプション　実効幅　720px */
.cke_editable {
    width: 720px !important; }

〔セクション7〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 編集枠オプション　実効幅　620px */
.cke_editable {
    width: 620px !important; }

〔セクション8〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 編集枠オプション　実効幅　605px */
.cke_editable {
    width: 605px !important; }

〔セクション9〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 配色オプション　ダークグリーン */


/* ウインドウ背景 */
.l-body,
#cke_1_top {
    background: #244656 !important; }


/* 編集枠周囲 */
.cke_contents,
.CodeMirror-gutters,
.p-editMode__radio:checked ~ .p-editMode__label {
    background: #244656; }


/* 編集枠周囲 */
iframe.cke_wysiwyg_frame.cke_reset {
    background: #244656; }


/* タイトル */
.p-title .c-textbox {
    color: #fff;
    background: #333; }


/* サブヘッダー */
#js-header-bar {
    background: #333; }

.p-header__tab__item.is-selected a {
    color: #64b5f6 !important; }

.p-header__tab__item a {
    color: #eee !important; }

.p-header__tab__item__pulldown__icon {
    color: #eee; }

.p-header__tab__item__previewMode {
    color: #fff;
    background: #0f5171; }

.p-header__linkTop__item .c-icon {
    filter: brightness(200%); }

.p-header__linkTop__item a {
    color: #fff !important; }


/* メインヘッダー */
#globalHeader {
    color: #fff;
    background: #333; }

#gHeaderLeft {
    background: #333 !important; }

#globalHeader .logo {
    padding: 4px;
    background: #fff;
    border-radius: 4px;
    opacity: 0.9; }

#gHeaderLeft a {
    color: #fff !important; }

#globalHeader .icon {
    display: none !important; }

#settingBtn,
#serviceBtn {
    border-radius: 4px; }


/* 編集ツールバー */
a.cke_button {
    background: #eee !important; }


/* 文字・段落 ダイアログ */
a.cke_combo_button {
    background: #0f5171; }

.cke_combo_text {
    color: #eee; }

.cke_panel {
    background: #0f5171; }

.cke_panel_container {
    color: #fff;
    font-family: inherit;
    overflow: hidden;
    background: #0f5171 !important; }

.cke_panel_listItem a:hover {
    background-color: #1976d2; }

.cke_panel_listItem.cke_selected {
    filter: brightness(200%); }


/* カラー設定ダイアログ */
.ck-p-palette__title {
    color: #fff; }

#js-ck-colorReset {
    color: #fff; }

#js-ck-colorCustom {
    color: #fff;
    background: none; }

.ck-l-colorGenerator {
    background-color: #0f5171; }

.ck-p-colorGenerator__Result__codeAddon {
    color: #fff; }

#js-colorCode {
    color: #fff; }

#js-colorGeneratorClose {
    opacity: 1;
    filter: brightness(200%); }


/* リンク設定ダイアログ */
.ck-l-linkDialog {
    box-shadow: 0 0 0 50vw rgba(0, 0, 0, 0.5);
    background: #0f5171; }

.ck-p-linkDialog__title {
    color: #ddd; }

.ck-p-linkInput__form__label {
    color: #ddd; }

#js-linkText {
    color: #fff; }

#js-linkDialogInput {
    color: #fff; }

.ck-p-linkOption {
    color: #fff; }

#js-linkDialogClose {
    filter: brightness(200%); }


/* 画像配置ダイアログ */
#js-ck-imgBalloon {
    box-shadow: none;
    background: #0f5171; }

#js-ck-imgBalloon div,
#js-ck-imgBalloon label,
#js-ck-imgBalloon span {
    color: #fff; }

.ck-imgBalloon__imageSizeButton__item__text.is-selected {
    color: #1976d2 !important; }

.ck-imgBalloon__justify__item .c-icon {
    filter: brightness(800%); }

.ck-imgJustify--active {
    background: #1976d2; }


/* エラー表示 */
#js-postErrorModal {
    background: rgba(0, 0, 0, 0.6); }

#js-postErrorModalInner {
    background: #0f5171; }

.p-postError__modal__title {
    color: #ddd; }

.p-postError__modal__error {
    font-weight: bold; }

#js-postErrorModalClose {
    filter: brightness(200%); }


/* 編集枠 */
.p-editMode__radio:checked ~ .p-editMode__label {
    color: #bbdefb; }

.p-editMode__label {
    color: #ccc; }


/* 文字数カウント */
.cke_path_item {
    color: #fff; }


/* 編集背景色ダイアログ */
#js-editorStyleModal {
    background: rgba(0, 0, 0, 0.6); }

.p-editorStyle__modal {
    background: #0c4967; }

.p-editorStyle__modal__title {
    color: #ddd; }

.p-editorStyle__modal__lead {
    color: #fff; }

#js-editorStyleClose {
    filter: brightness(200%); }


/* HTML編集枠 */
.CodeMirror {
    color: #fff;
    background: #333; }

.CodeMirror-linenumber {
    color: #81d4fa; }

.CodeMirror-cursor {
    border-left: 1px solid #fff; }

.CodeMirror-activeline-background {
    background: #0d4892; }

.CodeMirror-selected {
    background: #1976d2 !important; }

.CodeMirror-matchingtag {
    background: #ca030d; }


/* HTML 要素コード文字色 */
.cm-s-default .cm-atom {
    color: #90caf9; }

.cm-s-default .cm-tag {
    color: #6ef3e6; }

.cm-s-default .cm-string {
    color: #ffc107; }

.cm-s-default .cm-attribute {
    color: #fff; }

.cm-s-default .cm-def {
    color: #90caf9; }


/* 右パレット */
.p-sideModule__tabItem {
    background: #0f5172; }

.p-sideModule__tabItem .c-icon {
    filter: brightness(150%); }

.p-sideModule__tabItem.is-selected {
    background-color: #eceff1; }

.p-sideModule__tabItem.is-selected .c-icon {
    filter: none; }


/* 右パレット背景色 */
.c-checkbox + label,
.l-sideModule__content {
    background: none; }

.p-sideModule__tabItem:first-of-type.is-selected::after {
    border: none;
    background: none; }


/* YouTube・楽天・アマゾン ロゴ */
#js-sideModule h3 img {
    padding: 2px 5px;
    background: #fff; }


/* 右パレット内文字色 */
.p-sideModule__subNavItem.is-selected > .p-sideModule__subNavItem__text--large {
    color: #fff; }

.p-sideModule__subNavItem.is-selected > .p-sideModule__subNavItem__text--medium {
    color: #2196f3; }

.p-sideModule__subNavItem__text {
    color: #ccc; }

.p-sideModule__searchBox__outer input,
.p-video__keywordSerach input,
.p-affiliate__select select,
.p-affiliate__keywordSerach input {
    color: #fff;
    background: #0f5171; }


/* Photo */
.p-images__header__size__photo__item__text {
    color: #fff;
    font-weight: normal; }

#js-photos-year-prev {
    filter: brightness(200%);
    opacity: 1; }

#js-photos-year {
    color: #fff; }

#js-photos-year-next {
    filter: brightness(200%);
    opacity: 1; }

#js-photos-month,
#js-photos-month-list {
    background: #0f5171; }

#js-photos-month span,
#js-photos-month a {
    color: #fff !important; }

.c-richComboBox__list ul li > a.is-selected {
    background-color: #1976d2; }

.c-richComboBox__list {
    box-shadow: none; }

#js-photos-month .c-icon {
    filter: brightness(200%); }

.p-images-imageList__listItem__uploadButton {
    filter: brightness(100%); }

#js-movies-firstInfo {
    background-color: transparent; }


/* 絵文字 */
.p-sideModule__title {
    color: #ddd; }

.p-sideModule__footer span {
    color: #bbdefb !important; }

#js-searchIcon-customPicto {
    filter: brightness(200%); }


/* 顔文字 */
.p-sideModule__emoticonItem {
    color: #fff; }


/* YouTube */
.p-video__usageTitle {
    color: #ccc; }

.p-video__usage {
    color: #ddd; }

.p-video__sizeTitle {
    color: #fff; }

.p-video__sizeSelect {
    background: none; }

#js-video-size {
    color: #fff;
    background: #0f5171; }

.p-video__itemName,
.p-video__itemChannel {
    color: #e3f2fd; }

.p-video__itemName::before,
.p-video__itemChannel::before {
    content: '\2003';
    background: linear-gradient(to right, rgba(36, 71, 86, 0) 0%, rgba(36, 71, 86, 0) 80%, rgba(36, 71, 86, 1) 100%); }

.p-video__itemName::after,
.p-video__itemChannel::after {
    background: #244756; }


/* ツイッター */
.p-twitter__confirm__message {
    color: #ddd; }


/* 楽天・アマゾン */
.p-affiliate__select {
    background: none; }

.p-affiliate__sortValue {
    color: #ccc; }

.p-affiliate__sortValue.is-active {
    color: #fff; }

.p-affiliate__itemName,
.p-affiliate__itemPrice {
    color: #e3f2fd; }

.p-affiliate__itemName::before {
    content: '\2003';
    background: linear-gradient(to right, rgba(36, 71, 86, 0) 0%, rgba(36, 71, 86, 0) 80%, rgba(36, 71, 86, 1) 100%); }

.p-affiliate__itemName::after {
    background: #244756; }

.p-affiliate__usageTitle {
    color: #ccc; }

.p-affiliate__usage {
    color: #ddd; }

.p-affiliate__usage__explain__link {
    color: #bbdefb !important; }

.p-sideModule__footer a {
    color: #bbdefb !important; }


/* ハッシュタグ */
.l-hashtag {
    background: #333; }

.l-hashtag.p-hashtag div {
    color: #fff;
    background: #333; }

.p-hashtag__setting__list__title {
    color: #4dd0e1 !important; }


/* ハッシュタグ ダイアログ */
#js-hashtag-modal-wrapper {
    background: rgba(0, 0, 0, 0.6); }

.p-hashtag__modal {
    background: #000; }

.p-hashtag__modal__hashtagList__item {
    background: #e0f7fa; }

.p-hashtag__modal__subtitle {
    background: #027984; }

#js-hashtag-modal-wrapper .c-icon {
    filter: brightness(200%); }

#js-hashtag-modal-wrapper h3,
#js-hashtag-modal-wrapper h4,
.p-hashtag__modal__count {
    color: #fff; }

#js-hashtag-user-tags a,
.p-hashtag__modal__hashtagList__tag--empty,
.p-hashtag__modal__hashtagList__tag--recommend {
    color: #000 !important; }


/* 時刻設定 */
#js-postDateResult {
    color: #4dd0e1;
    background: #333; }

#js-entryDatePreview {
    color: #fff; }


/* カレンダー */
.l_calendar {
    background: #0f5172; }

#js_calendarPrevMonthArrow,
#js_calendarNextMonthArrow {
    filter: brightness(200%); }

.l_calendar span,
.l_calendar div {
    color: #fff; }

.l_calendar .is-enable.is-selected {
    background: #0d47a1; }

#js-calInputHours,
#js-calInputMinutes,
#js-calInputSeconds {
    background: #0d47a1; }

button#js-calCurrentButton {
    color: #000;
    background: #b2ebf2; }


/* テーマ */
.p-theme__select {
    background: #333; }

.p-theme option {
    background: #333; }

#js-themeSelector {
    color: #fff; }

.p-theme .c-icon {
    filter: brightness(200%); }

.p-theme__add .c-button {
    color: #ddd;
    background: #0f5172; }

#js-themeModal {
    background: rgba(0, 0, 0, 0.6); }

.p-theme__modal {
    background: #0f5172; }

.p-theme__modal__title {
    color: #eee; }

#js-themeTextBox {
    color: #fff;
    background: #333; }


/* SNS */
.l-communication {
    background: #333; }

.l-communication a,
.l-communication span {
    color: #fff !important; }


/* 公開ボタン */
.js-submitButton.c-button.c-button--normal {
    color: #eee;
    background: #0f5172; }

.js-submitButton.c-button.c-button--primary {
    color: #f8f8f8;
    background: #006064; }

.js-submitButton.c-button.c-button--secondary {
    color: #eee;
    background: #0f5172; }

.p-title:hover,
.p-title .c-textbox:focus {
    box-shadow: 8px 0px 0px 0px #244756; }

#js-header-bar:hover {
    box-shadow: 8px 0px 0px 0px #244756; }

.l-hashtag:hover {
    box-shadow: 8px 0px 8px 2px #244756; }

〔セクション10〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 枠線オプション　グリーン */

/* ヘッダー部 */
#globalHeader,
#js-header-bar,
.p-title .c-textbox,
.p-header__tab__item__previewMode {
    border-color: #009688; }


/* 編集アイコン 編集枠 */
a.cke_combo_button,
.cke_panel,
.cke_contents,
.ck-p-palette__button,
.ck-l-colorGenerator,
#js-colorCode,
.ck-l-linkDialog,
#js-linkText,
#js-linkDialogInput {
    border-color: #009688; }

.ck-imgBalloon,
#js-imageeditWidth,
#js-imageeditHeight,
.ck-imgBalloon__imageSizeButton__item__text,
.ck-imgJustify {
    border-color: #009688; }

.cke_button {
    border-color: #009688 !important; }

.p-editMode__radio:checked ~ .p-editMode__label {
    border-color: #009688; }


/* 特殊 他の枠より暗めの色 */
.p-editMode__label {
    border-color: #00695C; }


/* 右パレット */
.c-checkbox + label,
.l-sideModule__content,
.p-sideModule__tabItem,
.p-sideModule__tabItem.is-selected {
    border-color: #009688; }

.p-images__header__tab .p-sideModule__subNavItem::after,
.p-sideModule__subNav,
.p-sideModule__subNavItem__text--medium,
.c-richComboBox,
.c-richComboBox__list,
.p-images__header__photoDate,
.p-images-imageList__listItem {
    border-color: #009688; }

.js-pictograph-nav.p-sideModule__subNavItem::after,
.p-sideModule__customPictHeader,
.p-sideModule__searchBox__outer input,
.p-sideModule__footer {
    border-color: #009688; }

.p-video__header,
.p-video__keywordSerach input,
.p-video__sizeSelect,
.p-video__item,
.p-video__item__image {
    border-color: #009688; }

.p-affiliate__header,
.p-affiliate__select,
.p-affiliate__select select,
.p-affiliate__keywordSerach input,
.p-affiliate__item,
.p-affiliate__item__image {
    border-color: #009688; }

.js-coax-nav.p-sideModule__subNavItem::after {
    border-color: #009688; }


/* ハッシュタグ・時刻設定・テーマ・SNS・公開ボタン */
.l-hashtag,
.p-hashtag__setting__list__tags,
.p-hashtag__modal__box,
.p-postTime,
.l_calendar,
.p_calendar__row--day,
.l_calendar .is-enable.is-selected,
.p_calendar__inputTime,
.p-theme__select,
.c-modal__inner,
.p-theme__modal__input,
.l-communication,
.c-button--normal,
.c-button--primary,
.c-button--secondary {
    border-color: #009688 !important; }

〔セクション11〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 枠線オプション　ダークグレー */

/* ヘッダー部 */
#globalHeader,
#js-header-bar,
.p-title .c-textbox,
.p-header__tab__item__previewMode {
    border-color: #999; }


/* 編集アイコン 編集枠 */
a.cke_combo_button,
.cke_panel,
.cke_contents,
.ck-p-palette__button,
.ck-l-colorGenerator,
#js-colorCode,
.ck-l-linkDialog,
#js-linkText,
#js-linkDialogInput {
    border-color: #999; }

.ck-imgBalloon,
#js-imageeditWidth,
#js-imageeditHeight,
.ck-imgBalloon__imageSizeButton__item__text,
.ck-imgJustify {
    border-color: #999; }

.cke_button {
    border-color: #999 !important; }

.p-editMode__radio:checked ~ .p-editMode__label {
    border-color: #999; }


/* 特殊 他の枠より暗めの色 */
.p-editMode__label {
    border-color: #00695c; }


/* 右パレット */
.c-checkbox + label,
.l-sideModule__content,
.p-sideModule__tabItem,
.p-sideModule__tabItem.is-selected {
    border-color: #999; }

.p-images__header__tab .p-sideModule__subNavItem::after,
.p-sideModule__subNav,
.p-sideModule__subNavItem__text--medium,
.c-richComboBox,
.c-richComboBox__list,
.p-images__header__photoDate,
.p-images-imageList__listItem {
    border-color: #999; }

.js-pictograph-nav.p-sideModule__subNavItem::after,
.p-sideModule__customPictHeader,
.p-sideModule__searchBox__outer input,
.p-sideModule__footer {
    border-color: #999; }

.p-video__header,
.p-video__keywordSerach input,
.p-video__sizeSelect,
.p-video__item,
.p-video__item__image {
    border-color: #999; }

.p-affiliate__header,
.p-affiliate__select,
.p-affiliate__select select,
.p-affiliate__keywordSerach input,
.p-affiliate__item,
.p-affiliate__item__image {
    border-color: #999; }

.js-coax-nav.p-sideModule__subNavItem::after {
    border-color: #999; }


/* ハッシュタグ・時刻設定・テーマ・SNS・公開ボタン */
.l-hashtag,
.p-hashtag__setting__list__tags,
.p-hashtag__modal__box,
.p-postTime,
.l_calendar,
.p_calendar__row--day,
.l_calendar .is-enable.is-selected,
.p_calendar__inputTime,
.p-theme__select,
.c-modal__inner,
.p-theme__modal__input,
.l-communication,
.c-button--normal,
.c-button--primary,
.c-button--secondary {
    border-color: #999 !important; }

〔セクション12〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventrylist」

/* 記事の編集・削除画面のヘッダー補正 */
#globalHeader {
    position: static;
    height: 36px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0; }

〔セクション13〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventryouterpreview」

/* 別ウインドウ表示のプレビュー画面の修復 */
html {
    height: calc(100% - 17px); }

body.preview {
    height: 100%;
    overflow: hidden; }

〔セクション14〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 新タグ編集エディタ用 拡張設定 通常版専用 */

/* 公開テスト中表示 */
.p-title > img {
    position: absolute;
    top: 632px;
    left: 50px;
    height: 30px;
    object-fit: cover; }


/* タイトル枠 */
.p-title__text {
    width: inherit; }

.p-title {
    width: 400px !important; }

.p-title:hover {
    width: 824px !important; }

@media screen and (max-width: 1024px) {
.p-title {
    width: 260px !important; } }


/* 編集部ズーム */
.l-editor--wide {
    width: 100% !important; }


/* カラム落ち抑止 */
.tagEditor-inputArea__text {
    margin-right: -1px; }


/* 編集アイコン部 */
.tagEditor-buttonGroup a {
    background: #fff; }

.tagEditor-brChange {
    background: #E3F2FD;
    padding: 2px;
    border-radius: 3px; }

.tagEditor-fontSize {
    height: 28px;
    margin-top: 2px;
    border-color: #aaa; }

.tagEditor-button {
    width: 28px;
    height: 28px;
    margin-top: 2px;
    border-color: #aaa !important; }

.tagEditor-wideEdit {
    top: 2px;
    height: 32px;
    border-color: #aaa; }


/* 編集枠 */
.tagEditor-inputArea__lightPreview__adjust {
    background: #c4d4da; }

.tagEditor-inputArea__footer {
    background: #c4d4da; }

#js-light-preview-button {
    border: 1px solid #aaa;
    background: #5487a0; }

〔セクション15〕

「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」

/* 拡大サムネイルオプション  */
.p-images-imageList__listItem {
    width: 195px;
    height: 130px; }

#js-file-upload-button {
    height: 74px; }

#js-file-upload-button a {
    background-position: center; }