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

Ameblo Writer ver.4 のアレンジの詳細については、下のページを参照ください。

　最新版エディタ（標準）のアレンジ　Ameblo Writer ver.4　配色オプションを充実

以下に Ameblo Writer ver.4 の全セクションの「適用先」と「CSSコード」を表示します。 これらのコードを、Chrome/Firefoxの拡張機能「Stylus」または「Stylist」に設定する事によって、アメーバブログの最新版エディタ（標準）をアレンジすることが出来ます。

このブログでは、ブログ編集に重きを置くユーザーに、より快適な環境を提供する目的で、最新版エディタ（標準）のアレンジを編纂しています。 このサイトで公開するコードはベースに過ぎず、個々のユーザー自身の手によって、より適した形にアレンジされる事を望むものです。

Ameblo Writer ver.4 のコード詳細

　セクション1　

❷ 適用先

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

❸ コード1

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

/* 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: 754px;
    box-shadow: 3px 1px 2px 0px #a2c0ce;
    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; }   /* html base */

.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; }   /*html base */

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



/* 編集枠 */

#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-top: 10px;
    color: #000; }   /* 白背景時の文字色 */

.cke_editable_black {
    color: #fff ; }  /* 黒背景時の文字色 */


.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__tabItem {
    left: 12px;
    width: 30px;
    height: 32px;
    margin: 0 3px;
    border: 1px solid #ccc;
    background: #e0f7fa;}

.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; }



/* Photo */

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

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



/* YouTube */

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

.p-video__itemName::before , .p-video__itemChannel::before {
    background: linear-gradient(to right,rgba(196,212,218,0) 0%,rgba(196,212,218,0.7) 50%,#c4d4da 75%,#c4d4da 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 {
    background: linear-gradient(to right,rgba(196,212,218,0) 0%,rgba(196,212,218,0.7) 50%,#c4d4da 75%,#c4d4da 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」

❸ コード2

/* 編集枠フォントオプション メイリオ 14px */

.cke_editable {
    font-size: 14px !important;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic' ; }

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

　セクション3　

❷ 適用先

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

❸ コード3

/* 編集枠フォントオプション メイリオ 16px */

.cke_editable {
    font-size: 16px !important;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic' ; }

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

@media screen and (min-width: 680px) {
.cke_editable {
    width: 721px !important; } }

@media screen and (max-width: 670px) {
.cke_editable {
    width: 650px !important; } }

　セクション4　

❷ 適用先

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

❸ コード4

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

/* ウインドウ基本背景 */

.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; }   /* 編集枠周囲 *//* html base */



/* タイトル */

.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; }   /* html base */

.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%); }


#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; }

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

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

.p-video__itemName::before , .p-video__itemChannel::before {
    background: linear-gradient(to right,rgba(36,71,86,0) 0%,rgba(36, 71, 86,0.4) 50%,#244756 75%,#244756 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 {
    background: linear-gradient(to right,rgba(36,71,86,0) 0%,rgba(36, 71, 86,0.4) 50%,#244756 75%,#244756 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 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, #js-header-bar:hover, #cke_1_top:hover {
    box-shadow: 8px 0px 0px 0px #244756; }

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

　セクション5　

❷ 適用先

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

❸ コード5

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

/* ヘッダー部 */

#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 {
    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; }

　セクション6　

❷ 適用先

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

❸ コード6

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

/* ヘッダー部 */

#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 {
    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; }

　セクション7　

❷ 適用先

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

❸ コード7

/* 記事の編集・削除画面のヘッダー補正 */

#globalHeader {
    position: static;
    height: 36px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0; }

〔注意〕

「userstyles.org」での配布は、セクション1、2、6、7、のみを「有効」に設定しています。他を「無効」とするために、適用先は「URL」として配布しています。

また、セクション7は、適用先のURLが他と異なる事に注意してください。

〔追記〕2017.10.16 

背景色指定の改善 及び プレビュー表示の改善 のコード更新をしました。 背景色指定に関しては、上記「セクション1」の基本CSSの一部を書き換え済みです。

プレビュー対策の更新に伴い「セクション8」を追加しました。 セクション8は、適用先のURLが他と異なる事に注意してください。

　セクション8　

❷ 適用先

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

❸ コード8

/* 別ウインドウ表示のプレビュー画面の修復 */

html {
    height: calc(100% - 17px); }

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

「新タグ編集エディタ」は、基本デザインが「最新版エディタ（標準）」と同じで、若干の手直しで、アレンジを適用可能です。 セクション9は「新タグ編集エディタ」にアレンジ適用を可能にする、Ameblo Writer ver.4 専用の追加オプションです。 これは常時「有効」でかまいません。

　セクション9　

❷ 適用先

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

❸ コード9

/* 新タグ編集エディタ　ver.4 専用追加オプション */

/* 公開テスト中表示 */

.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; } }



/* 編集部ズーム */

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



/* 編集アイコン部 */

.tagEditor-buttonGroup a {
    background: #fff; }

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



/* 編集枠 */

.tagEditor-inputArea__lightPreview__adjust {
    background: #c4d4da; }

.tagEditor-inputArea__footer {
    background: #c4d4da; }

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

以上、「userstyles.org」に登録された Ameblo Writer ver.4 は、セクション1の更新および、セクション8、セクション9 の追加済みです。