このwikiのカスタムCSS - ５代目プロゼミュニティ（仮）【非公式】【8/31更新】 | コミュニティ特化のプロゼミwiki

目次

プロゼミ風デザイン

Uikit レスポンシブ (3カラム)以外での動作の保証はしません

@charset "utf-8"; /*文字コードを明示してcssファイルを開いた時に文字化けするのを防ぐ これは他の何よりも先にないと意味がないので注意*/
/*フォントを読み込む*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&display=swap');
 
:root {
  -webkit-text-size-adjust: none; /*一部環境で勝手に文字が拡大されるのを防ぐ*/
  /*変数を定義*/
  /*テーマカラー*/
  --prz-green: #02b687;
  --prz-beige: #ede8db;
  /*.atwiki-contents-shadowの影のコピー*/
  --atwcosh: 0 0 2px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2);
}
 
/*普通の文字*/
:root #atwiki-jp, :is(h1, h2, h3, h4, header, .atwiki-forum-button, .atwiki-forum-reply-button, .atwiki-forum-card-footer > *) {
  font-family:"M PLUS Rounded 1c", "ヒラギノ丸ゴ ProN", "ヒラギノ丸ゴ Pro", "HGMaruGothicMPRO", sans-serif; /*フォントを指定*/
}
body {
  font-weight: 500; /*フォントの太さを指定*/
}
 
/*見出しと太字*/
:is(h1,h2,h3,h4,strong,b) {
  font-weight: 700;
}
:is(h1,h2,h3,h4) :is(strong,b) {
  font-weight: 800;
}
 
/*PC版ヘッダーのwiki募集中と目安箱のボタンを消す 既にある場合は消してOK*/
.atwiki-shortcut-menu ul li:has(.atwiki-headbar-banner) {
  display: none;
}
 
/*通常背景とスマホ版メニューバー背景*/
#atwiki-menubar-offcanvas .atwiki-menubar-contents {
  background-color: transparent;
}
:is(.main_wrapper, .atwiki-container > #atwiki-menubar-offcanvas .atwiki-menubar-contents) {
  background-color: var(--prz-beige); /*背景色*/
  padding: 0px 12px; /*スマホ用レイアウト調整*/
}
#atwiki-menubar-offcanvas {
  margin-right: -12px;
}
/*スマホ版メニューバーの1番上の調整*/
#atwiki-menubar-offcanvas #atwiki-menu-top {
  background-color: transparent;
  border: none !important;
}
.main_wrapper .responsive-breadcrumb ul {
  padding-left: 2px; /*スマホ用(略)*/
}
/*PC版で上2つのスマホ用調整を消す+微調整*/
@media print, screen and (min-width:960px) {
  .main_wrapper {
    padding: 0px !important;
  }
  .main_wrapper .responsive-breadcrumb ul {
    padding-left: 14px;
  }
  .atwiki-menubar-contents > * {
    margin: 0px;
  }
}
 
 
/*パンくずリストの背景を消す*/
.main_wrapper .responsive-breadcrumb {
  background-color: transparent;
}
/*↑の指定によって不用になった隙間を消す*/
.main_wrapper #atwiki-jp-bg2 {
  padding-top: 0px;
}
 
/*PC版とスマホ(固定)ヘッダー*/
#atwiki-jp .atwiki-responsive-headbar :is(.atwiki-header-submenu, .atwiki-sp-fixed-nav) {
  background-color: var(--prz-green);
  border-bottom: 0px;
}
/*PC版とスマホ(固定)ヘッダーとヘッダーの1番上の文字*/
#atwiki-jp .atwiki-responsive-headbar :is(.atwiki-header-submenu, .atwiki-sp-fixed-nav, .atwiki-headbar, .atwiki-sp-fixed-nav #atwiki-header-nav-title) :not(.atwiki-dropdown-menu li a) {
  color: #fff;
  font-weight: 700;
}
/*スマホ版ヘッダーの4つ並んだボタンの文字*/
.atwiki-responsive-headbar .sp-header-btn ul li a {
  font-weight: 700;
}
 
/*ヘッダーのリンクが開けないボタンのスタイル
元のやつが他のスタイルに上書きされているためさらに上書き*/
.atwiki-responsive-headbar .atwiki-pc-only .atwiki-link-disabled {
  opacity: 0.5;
}
 
/*ヘッダーなどのアイコンの色を変える
開発段階ではfilterを使用していたがパフォーマンスを著しく低下させることが判明
現在はmask-imageとbackground-colorを併用しているがmask-imageの設定でコードが長くなってしまった*/
@supports (mask-image: none) or (-webkit-mask-image: none) {
  /*スマホ版*/
  .sp-header-btn ul li a[class]::before {
    /*背景にあった画像を消し背景色を指定する
    %%とても面倒だけど%%これにmask-imageで同じ画像を再び設定すれば好きな色にできる*/
    background: none #444;
    content: "";
  }
  /*PC版*/
  :is(.atwiki-shortcut-menu ul li:nth-child(n+3), .atwiki-sitename-buttons .atwiki-link-pagelist) a::before {
    background: none #fff !important;
    content: "";
  }
  /*共通のマスク設定*/
  .atwiki-responsive-headbar :not(.atwiki-navbar-right .atwiki-sp-only) :is(.sp-header-btn a, .atwiki-shortcut-menu li:nth-child(n+3) a, .atwiki-link-pagelist a, .atwiki-headbar-button > span)::before {
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
  /*アイコンごとにマスクを設定する*/
  .atwiki-guide-button::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-beginner.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  .atwiki-new-button::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-plus.svg);
    -webkit-mask-image: var(--i g);
    mask-image: var(--img);
  }
  .atwiki-edit-button::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-edit-alt.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  :is(.atwiki-link-pagelist, .atwiki-link-pagelist a)::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-page-list.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  :is(.atwiki-link-forum, .atwiki-headbar-button .atwiki-forum)::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-forum.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  .atwiki-login-button::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-group-add.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  .atwiki-settings-button::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-settings.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  #atwiki-admin-menu::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-menu-settings.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  /*スマホ版固定ヘッダーの右アイコン*/
  #atwiki-fixed-nav .atwiki-headbar-button > span {
    position: relative;
  }
  #atwiki-fixed-nav .atwiki-headbar-button img {
    opacity: 0;
  }
  #atwiki-fixed-nav .atwiki-headbar-button > span::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: calc(50% - 10px);
    top: 5px;
    background: #fff;
  }
  #atwiki-fixed-nav .atwiki-headbar-button .atwiki-search::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-search-gray.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  #atwiki-fixed-nav .atwiki-headbar-button .atwiki-headbar-menu-button::before {
    --img: url(https://w.atwiki.jp/common/_img/ic-hamburger-menu.svg);
    -webkit-mask-image: var(--img);
    mask-image: var(--img);
  }
  /*ログイン中アイコン*/
  .atwiki-responsive-headbar .atwiki-login-status::before {
    background: none hsl(0 0% 80%) !important;
    --img: url(https://w.atwiki.jp/common/_img/ic-baseline-group.svg);
    -webkit-mask-image: var(--img);
    -webkit-mask-size: contain;
    mask-image: var(--img);
    mask-size: contain;
  }
}
 
/*wikiアイコン*/
/*ヘッダーのwikiのアイコン(デフォルト:@wikiロゴ)
開発途中段階では色変更も行なっていたが軽量な実装が難しくコードも複雑になることに加え複数色のアイコンに変更した場合に強制的に単色に変換されてしまうなどの理由で廃止*/
#atwiki-fixed-nav .atwiki-sp-only .atwiki-sp-fixed-nav .atwiki-site-icon, .atwiki-header-submenu .atwiki-site-icon {
  filter: drop-shadow(-1px 2px 2px #0006);
}
/*スマホ版メニューバートップ*/
#atwiki-menu-top .atwiki-site-icon {
  filter: drop-shadow(-1px 2px 2px #0006);
}
 
/*PC版で背景色が白くて影がついてるやつ(本文、メニューなど)のスタイルを指定*/
.atwiki-contents-shadow {
  border-radius: 8px; /*角を丸くする*/
  background-color: #fff;
  margin-bottom: 12px; /*スマホ版にもマージンを付ける*/
  box-shadow: var(--atwcosh); /*スマホ版にも影を付ける*/
}
 
/*メニューバーの1番上など*/
.atwiki-list-title {
  background-color: var(--prz-green);
  color: #fff;
  border-radius: 8px 8px 0px 0px; /*角がcontents-shadowの指定で丸くなった部分からはみ出ないようにここでも上だけ指定*/
}
 
/*スマホ版の下にある@wiki関連ランキングのスタイル*/
:is(:has(> .atwiki-external-title), .atwiki-sp-box-banner ~ div[id]) {
  background-color: #fff;
  margin-bottom: 12px;
  border-radius: 8px;
  box-shadow: var(--atwcosh);
}
 
/*最近更新されたページなどの「もっと見る」ボタンの文字が勝手に改行される場合があったのでそれが起こらないように調整
多分もう直っているが一応残しておく*/
.atwiki-more-button a {
  white-space: nowrap;
}
 
/*ページ下のSNSに共有の背景色を消す*/
#contents .social-button > div { 
  background-color: transparent;
}
 
/*スマホ版で注釈の下の背景に隙間ができるのを修正*/
.atwiki-footnote #note p {
  margin-bottom: 0px;
  padding-bottom: 20px;
}
 
/*PC版ヘッダーボタンのタップ時の動きを変える*/
#atwiki-jp .atwiki-shortcut-menu ul li a:hover {
  background-color: transparent;
  scale: 1.1;
  &:not([href]) {
    scale: none;
  }
}
#atwiki-jp .atwiki-shortcut-menu ul li a {
  transition: scale 100ms linear;
}
 
 
 
 
/*------------------------------
ここから下は本文やメニューなどのスタイル
------------------------------*/
 
/* .atwiki-contents {} */
 
.atwiki-contents {
  margin-bottom:12px;
}
 
/*見出し*/
.atwiki-container .atwiki-contents :is(h2,h3) {
  border-radius: 8px;
  border: none;
  box-shadow: 0px 1px 4px #0008;
}
.atwiki-container .atwiki-contents h2 {
  background-color: var(--prz-green);
}
.atwiki-container .atwiki-contents h3 {
  background-color: var(--prz-beige);
}
.atwiki-container .atwiki-contents h4 {
  font-size: 18px;
}
 
/*見出しの編集リンクの色を変える*/
@supports (mask-image: none) or (-webkit-mask-image: none) {
  .atwiki-contents :is(h2, h3, h4) .atwiki-hedit::before {
    background: none;
    -webkit-mask-image: url(https://w.atwiki.jp/common/_img/ic-edit-alt.svg);
    -webkit-mask-size: contain;
    mask-image: url(https://w.atwiki.jp/common/_img/ic-edit-alt.svg);
    mask-size: contain;
  }
  .atwiki-contents h2 .atwiki-hedit::before {
    background-color: hsl(0 0% 90%);
  }
  .atwiki-contents h3 .atwiki-hedit::before {
    background-color: #444;
  }
  .atwiki-contents h4 .atwiki-hedit::before {
    background-color: hsl(0 0% 60%);
  }
}
 
/*リスト*/
/*階層によって点のデザインが変わる番号なしリスト wikiwiki風*/
.atwiki-contents ul li {
  list-style-type: disc; /*1階層 黒丸*/
}
.atwiki-contents ul li ul li {
  list-style-type: circle; /*2階層 白丸*/
}
.atwiki-contents ul li ul li ul li {
  list-style-type: square; /*3階層 四角(@wikiのデフォルト)*/
}
 
/*階層によって数字のデザインが変わる番号付きリスト wikiwiki風*/
.atwiki-contents ol li {
  list-style-type: decimal; /*1階層 算用数字(@wikiのデフォルト)*/
}
.atwiki-contents ol li ol li {
  list-style-type: lower-roman; /*2階層 小文字ローマ数字*/
}
.atwiki-contents ol li ol li ol li {
  list-style-type: lower-latin; /*3階層 小文字アルファベット*/
}
 
/*折りたたみのボタン*/
.atwiki-contents .atwiki_plugin_region_button span {
  font-weight: 800;
  border-radius: 6px !important;
}
 
/*コメントフォーム*/
.atwiki-contents :is(.plugin_comment, [class^="plugin_comment_num"][class$="_form"]) {
  background-color: var(--prz-beige);
  border-radius: 27px;
}
/*コメントの送信ボタン*/
.atwiki-container .atwiki-contents :is(.plugin_comment, [class^="plugin_comment_num"][class$="_form"], .plugin_pcomment) :is(input[type="submit"],> a:nth-child(4)) {
  font-family: unset;
background-color:var(--prz-green);
  font-weight: 700;
  border-radius: 100px;
}
/*すべてのコメントを見る*/
.atwiki-container .atwiki-contents [class^="plugin_comment_num"][class$="_form"] a:nth-child(4) {
  background-color: #6bd;
}
/*pcomment用 構造が特殊なのでかなり苦戦した*/
.plugin_pcomment_form {
  position: relative;
}
.plugin_pcomment_form::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(53px + (1em + 12px) * 2 + 1.5em);
  background-color: var(--prz-beige);
  border-radius: 27px;
  position: absolute;
  bottom: -10px;
}
.plugin_pcomment_form:has(ul:last-child)::before {
  top: 5px;
}
.plugin_pcomment_form > :nth-child(n+2) {
  position: relative;
  left: 10px;
}
.plugin_pcomment_form input[type="text"] {
  padding: 5px;
  margin: 5px 0px;
}
.plugin_pcomment_form input[name="name"] {
  margin-top: 15px;
}
.plugin_pcomment_form input[name="text"] {
  display: block;
  width: calc(100% - 20px);
}
.atwiki-contents .plugin_pcomment input[type="submit"] {
  border: none;
  display: block;
  padding: 5px 0px;
  margin-top:10px;
  margin-bottom: 20px;
  width: calc(100% - 20px);
  font-size: 1rem;
  line-height: 1.5;
}
 
/*リンク付き画像の縁取りが個人的にとてもウザかったので消す*/
.atwiki-contents a:has(> .atwiki-link-img-icon) img {
  border: none;
}
 
/*ページ一覧のページ変更ボタン*/
.atwiki-pagination-wrap .atwiki_pagination {
  border: none;
  column-gap: 8px;
}
.atwiki-pagination-wrap .atwiki_pagination li {
  border: none;
  box-shadow: 0px 0.5px 2px #000b;
  border-radius: 10px;
  font-weight: 700;
}
.atwiki-pagination-wrap .atwiki_pagination li > span > * {
  padding: 4px;
  font-size:20px;
}
.atwiki-pagination-wrap .atwiki_pagination li > span > a {
  color: var(--prz-green);
}
.atwiki-pagination-wrap .atwiki_pagination li.active {
  background-color: var(--prz-green);
}
 
 
 
 
/*------------------------------
ここから下は掲示板のスタイル
------------------------------*/
 
/*掲示板のページ上部でなぜかできる隙間を消す*/
#wikibody:has(> .atwiki-forum-body) {
  margin-top: 0px;
}
 
/*スレ表示時の掲示板に戻るボタン付近の隙間を調整*/
#wikibody .atwiki-forum-breadcrumb {
  margin-top: 0px;
  padding-top: 20px;
}
 
/*スマホ版調整*/
.main_wrapper:has(#wikibody > .atwiki-forum-body):has(.atwiki-container #atwiki-menubar-offcanvas) {
  padding: 0px;
}
.main_wrapper:has(#wikibody > .atwiki-forum-body):has(.atwiki-container #atwiki-menubar-offcanvas) #contents .atwiki-contents-shadow {
  border-radius: 0px;
}
.main_wrapper:has(#wikibody > .atwiki-forum-body):has(.atwiki-container #atwiki-menubar-offcanvas) .responsive-breadcrumb {
  padding-left: 8px;
}
.main_wrapper:has(#wikibody > .atwiki-forum-body):has(#atwiki-menubar-offcanvas) .atwiki-sp-only:has(> #update-page-list) {
  margin-top: 12px;
  margin-left: 12px;
  margin-right: 12px;
}
 
/*掲示板上部(トップ・スレ)の見出し*/
#wikibody .atwiki-forum-head h3 {
  background-color: var(--prz-green);
  color: #fff;
}
#wikibody .atwiki-forum-head:not(:first-child) h3 {
  margin-top: 6px;
}
 
/*掲示板内のボタン*/
body .atwiki-forum-button {
  background-color: var(--prz-green);
  font-size: 14px;
  font-weight: 700;
  border: none;
}
/*スレ作成ボタン*/
.atwiki-forum-head .add-thread-btn {
  font-size: 16px;
  border-radius: 8px;
  font-weight: 800;
}
 
/*掲示板のフォーム*/
.atwiki-forum-form {
  color: #444;
  background-color: var(--prz-beige) !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px #0008;
}
 
/*掲示板のスレ検索*/
.atwiki-forum-search-wrap {
  background-color: var(--prz-beige) !important;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px #0008;
}
.atwiki-forum-search-row > input {
  background-color: #fff;
}
/*詳細検索条件*/
.atwiki-forum-search-wrap .atwiki-forum-search-condition {
  padding: 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  transition-property: padding, max-height;
}
.atwiki-forum-search-wrap .atwiki-forum-search-condition--close {
  padding: 0px 8px;
  transition-property: padding, max-height;
}
 
/*スレッドの上部の下線を消す*/
.atwiki-forum-head .atwiki-forum-thread-description {
  border: none;
}
 
/*掲示板のスレッドやコメントなどのリスト*/
.atwiki-forum-body .atwiki-forum-card-list .atwiki-forum-card {
  list-style-type: none; /*先ほどの指定で表示されるようになってしまった点を消す*/
}
div ul.atwiki-forum-card-list {
  margin: 0px -10px;
  margin-top: 12px;
  border-radius: 22px;
  padding: 0px 10px !important;
  overflow: hidden;
  background-color: var(--prz-beige);
  box-shadow: 0px 1px 3px #0008;
}
.atwiki-forum-body .atwiki-forum-card-list .atwiki-forum-card {
  border: none;
  padding: 8px;
  border-radius: 12px;
  background-color: #fff;
  color: #444;
  box-shadow: 0px 1px 3px #0008;
}
/*スレ一覧タイトル*/
.atwiki-forum-thread-list .atwiki-forum-card-head {
  color: #fff;
  background-color: var(--prz-green);
  margin: 0px -8px;
  margin-top: -8px;
  padding: 4px 8px;
  border-radius: 12px 12px 0px 0px;
}
/*スレッドのタイトル*/
.atwiki-forum-card-list .atwiki-forum-thread-list.atwiki-forum-card .atwiki-forum-card-head a {
  color: #fff;
  font-weight: 700;
}
/*紐付けページリンク*/
.atwiki-forum-card-list .atwiki-forum-thread-list.atwiki-forum-card .atwiki-forum-card-head .atwiki-forum-thread-pagename {
  font-size: 1em;
  font-weight: 800;
  opacity: 0.67;
}
/*通報ボタン*/
.atwiki-forum-card-footer :is(.atwiki-forum-report-button) {
  color: #f00;
}
/*返信ボタン*/
.atwiki-forum-card-footer .atwiki-forum-reply-button {
  border: none;
  background-color: var(--prz-green);
  color: #fff;
  border-radius: 100vmin;
  font-weight: 800;
}
/*コメント投稿時のアニメーションを上書き*/
.atwiki-forum-card-list .atwiki-forum-card--highlight {
  animation-name: atwiki-forum-card-highlight-custom;
}
@keyframes atwiki-forum-card-highlight-custom {
  0% {
    background-color:rgba(255,153,9,.2);
  }
  to {
    background-color: #fff;
  }
}
 
/*返信時のアンカー*/
.atwiki-forum-card .atwiki-forum-reply-line a {
  color: var(--prz-green);
  border-color: currentcolor;
  font-weight: 700;
  border-width: 1.5px;
}
 
/*掲示板のページ変更ボタン*/
.atwiki-forum-body .atwiki-forum-pagination {
  margin-top: 0px;
  padding-top: 10px;
  column-gap: 8px;
}
.atwiki-forum-body .atwiki-forum-page-btn {
  border-radius: 99px;
  font-weight: 800;
}
/*選択中*/
.atwiki-forum-body .atwiki-forum-pagination .atwiki-forum-page-btn--active {
  background-color: #aaa;
}
 
/*スレッド内にある移動・更新ボタン*/
#wikibody .atwiki-forum-scroll-float {
  row-gap:12px;
}
.atwiki-forum-scroll-float .atwiki-forum-scroll-float__btn {
  background-color: var(--prz-green);
}
 
/*スレッド内の画面に固定されているコメントフォーム*/
#wikibody .atwiki-forum-popup-overlay {
  right: max(72px, 5%);
  overflow: hidden; /*背景色がはみ出るのを直す 元々はみ出ていたけどこれは@wiki運営側のミスか？*/
  border-radius: 12px;
}
/*上部(コメントする)*/
.atwiki-forum-popup-overlay .atwiki-forum-popup .popup-header {
  background-color: var(--prz-green);
  border-radius: 0px;
}
/*フォーム部分のパディングを消す*/
.atwiki-forum-popup-overlay .atwiki-forum-popup .popup-body {
  padding: 0px;
}
.atwiki-forum-popup .popup-body .atwiki-forum-form {
  border-radius: 0px !important;
}
.atwiki-forum-popup #closeBtn {
  font-size: 0px;
  font-family: unset;
  line-height: 1;
  font-weight: 800;
}
.atwiki-forum-popup #closeBtn::after {
  font-size: 16px;
  content: "－";
}
.atwiki-forum-popup:has(.close) #closeBtn::after {
  content: "＋";
}
 
/*掲示板に関する(略)や掲示板にもどるボタンのスタイル*/
#contents :is(.atwiki-forum-head .atwiki-forum-head-side-form, .atwiki-forum-breadcrumb a) {
  border-color: var(--prz-green);
  border-width: 1.5px;
  color: var(--prz-green);
}
.atwiki-forum-head .atwiki-forum-head-side-form a {
  color: var(--prz-green);
}
 
/*スレッドの管理ボタンのスタイル*/
.atwiki-forum-thread-admin {
  align-self: auto !important;
  margin-left: 0px !important;
}
.atwiki-forum-thread-admin button {
  font-family: unset;
}
.atwiki-forum-thread-admin > button {
  padding-inline: 0.2em 0.4em !important;
  background-color: #fff !important;
  border-radius: 100px;
  font-weight: 700;
  color: #666 !important;
}
.atwiki-forum-thread-admin > button img {
  display: none;
}
.atwiki-forum-thread-admin > button::before {
  content: "";
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  mask-image: url(https://w.atwiki.jp/common/_img/ic-gear.svg);
}
 
/*最新コメント*/
#atwiki-forum-newpost-divider, #atwiki-forum-newpost-divider::after, #atwiki-forum-newpost-divider::before {
  margin: 0px;
  color: var(--prz-green);
  font-weight: 800;
  font-size: 16px;
  line-height: 1;
  border-width: 3px;
  border-radius: 10px;
  border-color: currentcolor;
}
#atwiki-forum-newpost-notice {
  color: #444;
  background-color: var(--prz-beige);
  border: none;
  box-shadow: 0px 1px 2px 1px #0008;
  z-index: auto;
}
#atwiki-forum-newpost-notice .atwiki-forum-newpost-notice__badge {
  background-color: red;
  font-weight: 800;
}
 
/*ロード時に回るやつ*/
.atwiki-forum-loading::after {
  border-top-color: var(--prz-green);
}
 
 
 
 
/*------------------------------
ここから下は編集画面のスタイル
------------------------------*/
 
/*上部にある見出し*/
.atwiki_pedit #contents :is(.edit-h2-width, .atwiki_preview_column > h2) a {
  color: #666;
}
.atwiki_pedit #contents :is(.edit-h2-width, .atwiki_preview_column > h2) {
  color: #666;
  background-color: transparent;
  box-shadow: none;
}
@media print, screen and (min-width:960px) {
  .atwiki_pedit #contents :is(.edit-h2-width, .atwiki_preview_column > h2) {
    padding: 0px 8px;
    font-size: 24px;
  }
  /*編集画面のcontents-shadow*/
  .atwiki_pedit #contents .atwiki-contents-shadow {
    margin: 0px 12px;
  }
}
/*スマホ版でcontents-shadow下部のマージンがおかしくなるためそれを直す用*/
.atwiki_pedit #contents .atwiki-contents-shadow {
  overflow: hidden;
}
 
/*スマホ版編集画面のメニューボタンを無効化(開いても内容が表示されないため)*/
.atwiki_nomenu .atwiki-headbar-menu-button {
  pointer-events: none;
  opacity: 0.5;
}
 

その他

/*非表示にする用のクラス*/
.hidden {
  display: none;
}
 
/*wikiwikiのアレ*/
.nobr {
  overflow-x: auto;
  white-space: nowrap;
}
 
/*ブロックプラグイン*/
/* 共通設定 */
.Btega, .Bnaga, .Bugo, .Bmuki, .Bchara, .Bkei, .Bsira, .Bhen, .Bpen, .Bon {
    display: inline-block;
    color: #555 !important;
    font-weight: bold !important;
    background-image: none !important;
    border-radius: 3px !important;
    padding: 5px !important;
    border: 2px solid #555 !important;
}
/* 色だけ指定 */
.Btega  { background-color: #FFA0A0 !important; }
.Bnaga  { background-color: #FFA016 !important; }
.Bugo   { background-color: #FFFF3C !important; }
.Bmuki  { background-color: #CCFF99 !important; }
.Bchara { background-color: #4DAD32 !important; }
.Bkei   { background-color: #FF6060 !important; }
.Bsira  { background-color: #2CDCFF !important; }
.Bhen   { background-color: #DC80FF !important; }
.Bpen   { background-color: #3264FF !important; }
.Bon    { background-color: #12BD8C !important; }
 

全体

コメント