Ameblo Writer ver.5 CSSコード
Ameblo Force Meiryo
tampermonkey.net
、大変に困った問に困った問に困った問に困った問に困った問に困った問に困った問に困った問に困った問
Ameblo Force Meiryo
ブラウザ間の表示の違い というのは、大変に困った問題 です。「空白文字」に着けた背景色の表示が、ブラウザ によって違う事に最近気付きました。
「次で始まる 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」
〔セクション3〕
「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」
〔セクション4〕
「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」
〔セクション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; } #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」
〔セクション7〕
「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」
〔セクション8〕
「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」
〔セクション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」
〔セクション13〕
「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventryouterpreview」
〔セクション14〕
「次で始まる URL」=「https://blog.ameba.jp/ucs/entry/srventry」
/* 新タグ編集エディタ用 拡張設定 通常版専用 */ .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; }
12222
ENDOFF