Skip to content

Excite Blog Config Style by ataron

Screenshot of Excite Blog Config Style

Details

Authorataron

LicenseNo License

Categoryexblog.jp

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

エキサイトブログの各種画面のアレンジ

Notes

● エキサイトブログページのADを非表示にします。
●「更新通知を受け取る」の表示をコンパクト化した上で、ページを開いた5秒間だけの表示にします。
● エキサイトトップ画面の「コメント」「ブログイイネ」新着表示をヘッダーに区別して表示します。
● エキサイトブログの「管理画面」「ヘルプ」をウインドウ最小幅780px程度に幅の節約をします。 不要な表示を非表示とし、管理機能のみにシェイプアッブしたものですが、本来レスポンシブな管理画面ですから、必要なら横幅を自由に拡張出来ます。 左メニューはウインドウ端に収まり、ポインターを近付けると表示されます。

このスタイルは「Stylus」などの拡張機能で利用可能です。
このスタイルに関する詳細は、以下のリンク先を参照ください。
  https://ataron.exblog.jp/238455628/


2023.10.16
ブログページ下部、管理ページ下部、のAD を抑止

2022.12.26
グローバルヘッダーのデザイン修復

2021.09.19
UserStyles.world へ移植

2020.05.13
ブログページ下部の新しいADの非表示

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name              Excite Blog Config Style
@namespace      userstyles.world
@author             Ataron
@description       エキサイトブログの各種画面のアレンジ
@version           202310.16.01
@license            NO-REDISTRIBUTION
@preprocessor   default
==/UserStyle== */
@-moz-document url("https://userconf.exblog.jp/"),
url-prefix("https://userconf.exblog.jp/pos"),
url-prefix("https://userconf.exblog.jp/dra"),
url-prefix("https://userconf.exblog.jp/fps"),
url-prefix("https://userconf.exblog.jp/ima"),
url-prefix("https://userconf.exblog.jp/acc"),
url-prefix("https://userconf.exblog.jp/lik"),
url-prefix("https://userconf.exblog.jp/com"),
url-prefix("https://userconf.exblog.jp/tra"),
url-prefix("https://userconf.exblog.jp/con"),
url-prefix("https://userconf.exblog.jp/sta"),
url-prefix("https://userconf.exblog.jp/pus") {
/* Excite blog Config Style ver.202310.16.01 ********************/
/*「管理メニュー」の全てに適応 非表示要素 *************** */
/* フッター */
.global-footer {
display: none; }

/* アンケート */
.sticky-feedback {
display: none; }

/* 左メニュー */
#loginUser {
display: none; }

#sideBanner {
display: none; }

#sideRakutenMW {
display: none; }

#osusumeThemeA {
display: none; }

/*「管理メニュー」の全てに適応 *********************** */
/* 全体 */
#wrapper {
background: #a4c1ce;
min-width: 760px; }

#container {
float: none;
margin: 0; }

#contents {
margin: 0 !important; }

/* グローバルヘッダー */
.global-header {
display: flex;
position: absolute;
right: 16px;
top: -55px;
width: calc(100vw - 49px);
min-width: 728px;
padding: 20px 15px;
box-shadow: 5px 5px 10px rgba(0,
0,
0,
0.5);
z-index: 3;
opacity: 0;
transition: .5s;
transition-delay: 1s; }

.global-header > ul > li {
margin-left: 24px; }

.global-header > ul > li > .panel .panel-content {
box-shadow: 7px 7px 10px rgba(0,
0,
0,
0.4);
top: -270px;
transition-delay: 1s; }

.global-header:hover > ul > li > .panel .panel-content {
top: 44px;
transition-delay: 0s; }

.global-header:hover {
top: 0;
opacity: 1;
transition-delay: 0s; }

@media screen and (min-width: 1017px) {
.global-header {
width: 968px; } }

@media screen and (min-width: 1257px) {
.global-header {
right: calc(50% - 604px); } }

/* 左メニュー */
#menu {
float: none;
position: fixed;
top: 0;
left: -240px;
width: 270px;
z-index: 1;
transition: left 0.2s;
transition-delay: 0.5s; }

#menu:hover {
left: 0;
width: 240px;
transition-delay: 0s; }

#sidemenu {
width: 240px;
padding: 15px 15px 40px 15px;
background: #53849a; }

/* 1017px 以上 ********************************/
@media screen and (min-width: 1017px) {
#contents {
width: 970px;
margin: 0 0 0 auto !important; }

#menu {
left: calc(100% - 1240px); } }

/* 1257px 以上 ********************************/
@media screen and (min-width: 1257px) {
#wrapperInner {
width: 1210px }

#menu {
left: calc(50% - 620px); }

#menu:hover {
left: calc(50% - 620px); } }

/* サイドメニュー */
.sidemenu1 {
margin-top: 70px;
width: 210px;
height: calc(100vh - 215px);
overflow-y: scroll;
overflow-x: hidden; }

.sidemenu1::-webkit-scrollbar {
background: #fff;
width: 3px; }

.sidemenu1::-webkit-scrollbar-thumb {
background: #53849a; }

/* マイページTOP 専用ボタン化 */
.sidemenu1 li:first-child {
position: absolute;
top: 122px;
display: block;
width: 212px;
left: 15px; }

.sidemenu1 li:first-child a {
border-radius: 4px;
height: 37px;
text-align: center; }

.sidemenu1 li:first-child.current a {
background: #d9edf7; }

.sidemenu1 li:first-child.current a:after {
background: none !important; } }

@-moz-document url("https://userconf.exblog.jp/") {
/*「マイページTOP」のみアンケート枠を表示 *****************/
/* コンテンツ */
.sticky-feedback {
display: block;
top: 5px;
bottom: initial; } }

@-moz-document url-prefix("https://userconf.exblog.jp/pos"),
url-prefix("https://userconf.exblog.jp/dra") {
/*「記事一覧 」「下書き一覧」のレイアウト ******************/
.headSearch .textFormWrap {
width: 395px; }

/* ページャー */
.pager .current,
.pager li a:hover {
background: #cfd8dc;
text-decoration: none; }

.pager ul {
margin-left: -60px; }

/* カテゴリ */
td.cgName {
text-align: left !important; }

/* コメント・トラバ・SNS表示 */
.listTable .cmtCnt,
.listTable .trbCnt,
.listTable .snsCnt {
width: initial;
padding: 4px; }

/* 編集/削除 */
.listTable .deal {
width: 95px; }

.listTable .deal .btn-s {
margin: 0 auto 0 5px;
width: initial; }

.listTable .deal input {
padding: 0 9px; } }

@-moz-document url-prefix("https://userconf.exblog.jp/lik") {
/*「ブログイイネ」のレイアウト ***************************/
/* 今日のイイネ数 全体のイイネ数 */
.head-h1 + .m15.w300,
.head-h1 + .inner .mB15.w300 {
width: 600px; }

.like-report-summary {
padding: 0 20px; }

.like-report-summary__row {
display: flex; }

.like-report-summary__headline {
margin: auto 20px; }

/* イイネのリスト */
.like-list {
display: flex;
flex-direction: column;
column-count: 2;
flex-wrap: wrap;
height: 650px; }

/* リストの個別アイテム */
.like-list__item {
position: relative;
width: 46%;
margin-right: 20px;
padding: 4px 10px;
border-bottom: 4px solid #fff;
background: #eceff1; }

/* サムネイル */
.like-list__avatar {
width: 50px;
height: 50px;
min-width: 50px;
border-radius: 6px;
border: 1px solid #ccc; }

/* 文字情報 */
.like-list__content {
margin-left: 10px;
overflow: hidden; }

/* サブタイトル */
.like-list__subtitle {
white-space: nowrap; }

/* タイトル */
.like-list__title {
margin-top: -2px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }

.like-list__title a {
color: #333;
font-weight: bold; }

.like-list__title a:visited {
color: #0084ff; }

.like-list__title span {
position: absolute;
bottom: -2px;
right: 20px; }

/* ページャー */
.pager {
margin-top: 0 !important; } }

@-moz-document url-prefix("https://userconf.exblog.jp/comments/"),
url-prefix("https://userconf.exblog.jp/trackbacks/") {
/* コメント一覧 ***************************************/
/* コメント一覧・トラックバック一覧 =共通= */
.listTable tr:hover {
background: #fff;
outline: 1px solid #2196f3; }

.listTable a {
color: #000; }

.listTable .entrytitle a:hover,
.listTable .headline a:hover {
color: #06f;
text-decoration: none; }

/* トラックバック一覧 タイトル */
#trackbackList .listTable .headline {
padding: 8px 10px; } }

@-moz-document url-prefix("https://userconf.exblog.jp/config/men") {
/*「基本設定」****************************************/
/* メニュー設定の左枠幅の補正 */
.page_configMenuOption th {
width: 200px; } }

@-moz-document url-prefix("https://userconf.exblog.jp/ima"),
url-prefix("https://userconf.exblog.jp/com"),
url-prefix("https://userconf.exblog.jp/con"),
url-prefix("https://userconf.exblog.jp/lik") {
/* 管理画面に共用のページャーアレンジ *********************/
.pager .current,
.pager li a:hover {
background: #cfd8dc;
text-decoration: none; } }

@-moz-document url("https://www.exblog.jp/"),
url-prefix("https://www.exblog.jp/mydata/") {
/* エキサイトTOP 新着表示 *******************************/
/* 記事を書くボタン */
.globalHeader_innerRight .is-entry.is_post {
right: 550px; }

/* ダイアログメニュー 非クリック時 */
.dialog {
display: block;
border-color: transparent;
background: transparent; }

.dialog > ul > li:not(:nth-child(3)) {
display: none; }

.dialog .child_link {
display: none; }

/* ダイアログメニュー クリック時 */
.dialog.active {
display: block;
border: 1px solid #ccc;
background: #fff; }

.dialog.active > ul > li:not(:nth-child(3)) {
display: block; }

.dialog.active .child_link {
display: block; }

/* お知らせリスト */
.navHeader_navPanelList {
display: flex;
flex-direction: row-reverse;
position: absolute;
top: -53px;
right: 190px;
width: max-content; }

@media screen and (max-width: 1024px) {
.navHeader_navPanelList {
right: calc( 50vw - 322px); } }

.navHeader_navPanelList .noticeMessage {
margin: 0 4px; }

.navHeader_navPanelList .noticeMessage a {
color: #fff !important;
padding: 9px 6px;
border-radius: 5px;
height: 36px;
text-decoration: none !important; }

.noticeMessage a[href*="likes"] {
background: red; }

.noticeMessage a[href*="comments"] {
background: #4199c1; }

.navHeader_navPanelList .noticeMessage a:hover {
color: #000 !important;
box-shadow: inset 0 0 0 1px #888; } }

@-moz-document regexp("https://.+.exblog.jp/likes/\\?url=https%3A%2F%2F.*") {
/* ブログページから「イイネ数」をクリックした場合の表示 *******/
/* 画面サイズ 背景色 */
#wrapper {
width: 760px;
margin: 30px auto;
font-family: Meiryo;
font-size: 16px;
background: #fefefe;
box-shadow: 0 0 0px 200vw #a4c1ce; }

#container640 {
float: none;
margin: 0 auto; }

/* イイネのリスト */
.userList-table .thumbnail {
width: 60px;
height: 60px; }

.userList-table .thumbnail img {
max-width: 60px;
max-height: 60px; }

/* 時刻表示 */
.userList-table .dateTxt {
font-size: 14px; }

/* AD */
#ad {
display: none; } }

@-moz-document url-prefix("https://www.exblog.jp/bloghelp") {
/* エキサイトヘルプ ************************************/
/* ヘッダー */
.globalHeader_inner {
width: 730px; }

.globalHeader_innerLeft {
width: 450px; }

#bloghelp {
width: 760px;
padding: 0 15px; }

#bloghelpHeaderForm form .textFormWrap {
width: 490px; }

#bloghelpHeaderForm form .btn {
width: 120px; }

#bloghelpMain2col {
width: 727px; }

.navFooter_inner {
width: 730px; }

.navFooterList.is-left {
width: 470px; }

.navFooterList.is-right {
width: 250px; }

/* 左メニュー */
#bloghelpSide {
position: fixed;
width: 270px;
overflow: visible;
top: 30px;
left: -250px;
transition: .5s;
transition-delay: 1s; }

#bloghelpSide:hover {
left: 0px;
transition-delay: 0s; }

#bloghelpSide aside {
width: 250px;
padding: 15px 15px 15px 30px;
background: #b0bec5; } }

@-moz-document regexp("https://.+.exblog.jp/.*") {
/* ブログ画面 ADブロック *******************************/
/* ヘッダー上部のAD */
#gpt_pc_blog_billboard {
display: none !important; }

/* 記事上部のAD */
#gpt_pc_blog_header {
display: none !important; }

/* 記事下部のAD */
#gpt_pc_blog_article_native {
display: none !important; }

#imgYdn {
...

Reviews

No reviews yet.