プロゼ民Wiki【非公式】
CSS

最終更新：2026年10月05日 07:29
prozemi1persent
- view
管理者のみ編集可
プロゼミ風デザイン

プロゼミュニティWikiベース
/* ========================================
   基本設定
   ======================================== */
 
:root {
  -webkit-text-size-adjust: none;
  --prz-green: #02b687;
  --prz-beige: #ede8db;
  --prz-space: #f6f6f6;
}
 
 
/* ========================================
   ショートカットメニュー
   バナー付き項目を非表示
   ======================================== */
 
.atwiki-shortcut-menu ul li:has(.atwiki-headbar-banner) {
  display: none;
}
 
/* ========================================
   ログインボタン
   オレンジ → 緑
   ======================================== */
 
.atwiki-speech-bubbles .edit-login-button {
  border-color: var(--prz-green);
  color: var(--prz-green);
}
 
 
/* ========================================
   スマホ用ヘッダー
   ======================================== */
 
.sp-header {
  background-color: var(--prz-green);
}
 
 
/* ========================================
   見出しアクセントカラー
   ======================================== */
 
.atwiki-contents h2,
.atwiki-sp-contents h2,
.atwiki-contents h3,
.atwiki-sp-contents h3 {
  border-left-color: var(--prz-green);
}
 
/*特殊見出し*/
.atwiki-contents h5 {
  border-radius: 3px;
  border: none;
  padding: 5px;
  font-weight: 650;
  box-shadow: 0px 1px 2px #0003;
  background-color: var(--prz-beige);
  text-align: center;
}
.atwiki-contents h6 {
  border-radius: 1px;
  border: none;
  font-weight: 650;
  font-size: 18px;
  padding: 5px;
  box-shadow: 0px 1px 2px #0003;
  background-color: #fff;
}
 
/*見出しの編集リンクの色を変える*/
@supports (mask-image: none) or (-webkit-mask-image: none) {
  .atwiki-contents :is(h2, h3, h4,h5,h6) .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: var(--prz-green);
  }
  .atwiki-contents h3 .atwiki-hedit::before {
    background-color: var(--prz-green);
  }
  .atwiki-contents h4 .atwiki-hedit::before {
    background-color: #444
  }
  .atwiki-contents h5 .atwiki-hedit::before {
    background-color: var(--prz-beige);
  }
  .atwiki-contents h6 .atwiki-hedit::before {
    background-color:  #fff;
  }
}
/* ========================================
   メニュー
   ======================================== */
/*PC版で背景色が白くて影がついてるやつ(本文、メニューなど)のスタイルを指定*/
.atwiki-contents-shadow {
  border-radius: 5px; /*角を丸くする*/
  background-color: #fff;
  margin-bottom: 12px; /*スマホ版にもマージンを付ける*/
  box-shadow: var(--atwcosh); /*スマホ版にも影を付ける*/
  box-shadow: 0px 1px 2px 1px #0003;
}
 
/*メニューバーの1番上など*/
.atwiki-list-title {
  border-radius: 5px 5px 0px 0px; /*角がcontents-shadowの指定で丸くなった部分からはみ出ないようにここでも上だけ指定*/
  box-shadow: 0px 1px 2px 1px #0003;
}
/*通常背景とスマホ版メニューバー背景*/
#atwiki-menubar-offcanvas .atwiki-menubar-contents {
  background-color: transparent;
}
.main_wrapper, .atwiki-container > #atwiki-menubar-offcanvas .atwiki-menubar-contents {
  background-color: #ededed; /*背景色*/
  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;
  }
}
/*ス(略)*/
#wikibody:first-child {
  margin: 0px;
  padding-top: 12px;
  padding-bottom:24px;
}
#wikibody:first-child :where(h2, h3):first-child {
  margin-top: 4px;
}
 /*パンくずリストの背景を消す*/
.main_wrapper .responsive-breadcrumb {
  background-color: transparent;
}
/*↑の指定によって不用になった隙間を消す*/
.main_wrapper #atwiki-jp-bg2 {
  padding-top: 0px;
}
/* ========================================
   レスポンシブ・スマホ用ヘッダー
   ======================================== */
 
.atwiki-responsive-headbar .atwiki-headbar,
.atwiki-sp-headbar .atwiki-headbar {
  font-weight: 700;
}
/*色統一用by1%*/
 
/*PC版とスマホ(固定)ヘッダー*/
#atwiki-jp .atwiki-responsive-headbar :is(.atwiki-header-submenu, .atwiki-sp-fixed-nav, .atwiki-sp-fixed-nav #atwiki-header-nav-title) :not(.atwiki-dropdown-menu li a) {
  color: #1f2923;
  font-weight: 650;
}
 
/*スマホ版ヘッダーの4つ並んだボタンの文字*/
.atwiki-responsive-headbar .sp-header-btn ul li a {
  color: #1f2923;
  font-weight: 650;
}
 
/*ヘッダーのリンクが開けないボタンのスタイル
元のやつが他のスタイルに上書きされているためさらに上書き*/
.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) {
  /*スマホ版*/
  .atwiki-responsive-headbar .sp-header-btn ul li a[class]::before {
    /*背景にあった画像を消し背景色を指定する
    %%とても面倒だけど%%これにmask-imageで同じ画像を再び設定すれば好きな色にできる*/
    background: none #54c99b;
    content: "";
  }
  /*PC版*/
  #atwiki-jp :is(.atwiki-shortcut-menu ul li:nth-child(n+3), .atwiki-sitename-buttons .atwiki-link-pagelist) a::before {
    background: none #54c99d;
    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;
  }
/* ========================================
   ページ一覧ボタン
   ======================================== */
 
:where(.atwiki-header-submenu, .atwiki-sitename-buttons)
.atwiki-link-pagelist > a {
  color: var(--prz-green);
}
 
 
/* ========================================
   フォーラム「もっと見る」
   ======================================== */
 
.atwiki-more-button.atwiki-forum-more-button a {
  background-color: var(--prz-green);
}
 
 
/* ========================================
   ページネーション
   ======================================== */
 
.atwiki-pagination-wrap ul li.active {
  background-color: var(--prz-green);
}
 
.atwiki-pagination-wrap ul li > span > a,
.atwiki-pagination-wrap ul li > span > span {
  color: var(--prz-green);
}
 
 
 
/* ========================================
   モーダル
   ======================================== */
 
.atwiki-modal .atwiki-modal-header {
  background-color: var(--prz-green);
}
 
.atwiki-modal .atwiki-modal-header .atwiki-modal-close {
  background-color: var(--prz-green);
}
 
 
/* ========================================
   通知モーダル
   ======================================== */
 
#atwiki-modal-notification .atwiki-modal-body .atwiki-modal-link {
  background-color: var(--prz-green);
}
 
 
/* ========================================
   管理者お知らせ
   ======================================== */
 
#atwiki-modal-admin-announcement .atwiki-announcement-list-link,
#atwiki-right-modal-admin-announcement .atwiki-announcement-list-link {
  border-color: var(--prz-green);
  color: var(--prz-green);
}
 
 
/* ========================================
   いいねカウンター
   ======================================== */
/*ページ下のいいねボタン*/
/*やり方分からなかったのでプロコミュに統一*/
#wikibody #atwiki-liked-counter {
  color: #ff566b;
  border-color: #ccc;
  --not-yet: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="48" viewbox="0 0 52 48"><defs><path id="heart" d="M26 6Q32 0 38 0C45 0 52 7  52 15Q52 30 26 48Q0 30 0 15C0 7 7 0 14 0Q20 0 26 6Z"/></defs><clipPath id="clip"><use href="%23heart"/></clipPath><use href="%23heart" fill="none" stroke="%23ff566b" stroke-width="6" clip-path="url(%23clip)"/></svg>');
  --already: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="48" viewbox="0 0 52 48"><path fill="%23ff566b" d="M26 6Q32 0 38 0C45 0 52 7  52 15Q52 30 26 48Q0 30 0 15C0 7 7 0 14 0Q20 0 26 6Z"/></svg>');
}
#wikibody #atwiki-liked-counter:is(*, .already) .liked-btn {
  color: currentcolor;
  font-family: unset;
  font-weight: 700;
  vertical-align: 8%;
}
#wikibody #atwiki-liked-counter.already {
  background-color: #fff;
}
#wikibody #atwiki-liked-counter .liked-btn::before {
  background-image: var(--not-yet);
  background-size: contain;
  background-repeat: no-repeat;
}
#wikibody #atwiki-liked-counter.already .liked-btn::before {
  background-image: var(--already);
  filter: none;
}
 
/* ========================================
   regionプラグイン
   ======================================== */
 
/*折りたたみのボタン*/
.atwiki-contents .atwiki_plugin_region_button span {
  border-radius: 3px !important;
}
 
/* ========================================
   commentのデザイン
   ======================================== */
 
/*コメントフォーム*/
.atwiki-contents :is(.plugin_comment, [class^="plugin_comment_num"][class$="_form"]) {
  background-color: var(--prz-beige);
  border-radius: 15px;
  box-shadow: 0px 1px 2px 1px #0003;
}
/*コメントの送信ボタン*/
.atwiki-container .atwiki-contents :is(.plugin_comment, [class^="plugin_comment_num"][class$="_form"], .plugin_pcomment) :is(input[type="submit"], a[class$="_showall"]) {
  font-family: unset;
  background-color: var(--prz-green);
  color: #fff;
  border-radius: 15px;
  box-shadow: 0px 1px 2px 1px #0003;
}
/*すべてのコメントを見る*/
.atwiki-container .atwiki-contents [class^="plugin_comment_num"][class$="_form"] a[class$="_showall"] {
  background-color: #6bd;
}
/*pcomment用 構造が特殊なのでかなり苦戦した*/
.plugin_pcomment_form {
  position: relative;
}
.plugin_pcomment_form > ul::before, .plugin_pcomment_form:not(:has(ul))::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(53px + (1em + 12px) * 2 + 1.5em);
  background-color: var(--prz-beige);
  box-shadow: 0px 1px 2px 1px #0003;
  border-radius: 15px;
  position: absolute;
  bottom: -10px;
  z-index: 1;
}
.plugin_pcomment_form > ul:last-child::before {
  top: 5px;
}
.plugin_pcomment_form > :not(ul) {
  position: relative;
  left: 10px;
  z-index: 2;
}
.plugin_pcomment_form > ul {
  padding: 0px;
}
.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 .plugin_pcomment_form:has(ul:last-child) input[type="submit"] {
  margin-bottom: 0px;
}
/* ========================================
   外部ページタイトル
   ======================================== */
 
.atwiki-list-title.atwiki-external-title {
  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: 3px;
}
.main_wrapper:has(#wikibody > .atwiki-forum-body):has(#atwiki-menubar-offcanvas) .atwiki-sp-only:has(> #update-page-list) {
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 3px;
}
 
/*掲示板上部(トップ・スレ)の見出し*/
#wikibody .atwiki-forum-head h3 {
  background-color: #fff
  border-color: #fff
  color: #000;
  font-size: 24px;
}
#wikibody .atwiki-forum-head:not(:first-child) h3 {
  margin-top: 3px;
}
 
/*掲示板内のボタン*/
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: 3px;
}
/*スレ作成フォーム*/
.atwiki-forum-modal .atwiki-forum-modal-header {
  background-color: var(--prz-green);
}
.atwiki-forum-modal .create-thread-form {
  border-radius: 0px !important;
}
.atwiki-forum-modal-close:focus {
  outline: none;
}
 
/*掲示板のフォーム*/
.atwiki-forum-form {
  color: #444;
  background-color: var(--prz-beige) !important;
  border-radius: 3px !important;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px #0008;
}
 
/*掲示板のスレ検索*/
.atwiki-forum-search-wrap {
  background-color: var(--prz-beige) !important;
  border-radius: 3px;
  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: 3px;
  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 3px;
  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 0px;
  margin-top: 12px;
  border-radius: 3px;
  padding: 0px 10px !important;
  overflow: hidden;
  background-color: var(--prz-beige);
  box-shadow: 0px 1px 2px #0003;
}
.atwiki-forum-body .atwiki-forum-card-list .atwiki-forum-card {
  border: none;
  padding: 8px;
  border-radius: 3px;
  background-color: #fff;
  color: #444;
  box-shadow: 0px 1px 2px #0003;
}
/*スレ一覧タイトル*/
.atwiki-forum-thread-list .atwiki-forum-card-head {
  color: #000;
  background-color: var(--prz-space);
  margin: 0px -8px;
  margin-top: -8px;
  padding: 4px 8px;
  border-radius: 3px 3px 0px 0px;
}
/*スレッドのタイトル*/
.atwiki-forum-card-list .atwiki-forum-thread-list.atwiki-forum-card .atwiki-forum-card-head a {
  color: #000;
  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;
  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;
}
/*コメント投稿時のアニメーションを上書き*/
.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-jp .atwiki-forum-reply-line a {
  color: var(--prz-green);
  border-color: currentcolor;
  font-weight: 600;
  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: 600;
}
/*選択中*/
.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);
}
.atwiki-forum-scroll-float .atwiki-forum-scroll-float__btn:hover {
  background-color: #888;
}
 
/*スレッド内の画面に固定されているコメントフォーム*/
#wikibody .atwiki-forum-popup-overlay {
  right: max(72px, 5%);
  overflow: hidden; /*背景色がはみ出るのを直す 元々はみ出ていたけどこれは@wiki運営側のミスか？*/
  border-radius: 3px;
}
/*上部(コメントする)*/
.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;
}
.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: 3px;
  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: 3px;
  border-color: currentcolor;
}
#atwiki-forum-newpost-divider {
  margin: 10px 0px;
}
#atwiki-forum-newpost-notice {
  color: #444;
  background-color: var(--prz-beige);
  border: none;
  box-shadow: 0px 1px 2px 1px #0003;
  margin-top: 10px;
  z-index: auto;
}
#atwiki-forum-newpost-notice .atwiki-forum-newpost-notice__badge {
  background-color: red;
}
 
/*ロード時に回るやつ*/
.atwiki-forum-body .atwiki-forum-loading::after {
  border-top-color: var(--prz-green);
}
 
/*掲示板トップの説明*/
.atwiki-forum-head-description .atwiki-forum-supplement {
  opacity: 1;
}
 
/*掲示板のIPの表示*/
.atwiki-forum-card .atwiki-forum-post-meta .atwiki-forum-post-ip
{
  font-weight: 600;
  font-size: 0.75em;
}
.atwiki-forum-card:not(:hover) .atwiki-forum-post-meta .atwiki-forum-post-ip {
  opacity: 0; /*利用者のプライバシー保護のために触れていない時は非表示にする*/
}
.atwiki-forum-card .atwiki-forum-post-meta {
  contain: size;
}
.atwiki-forum-card:hover .atwiki-forum-post-meta:has(.atwiki-forum-post-ip) {
  transform: translateY(-5px);
}
 /*掲示板に関する不具合やご意見はこちら>> の調整*/
@supports (container-type: size) {
  .atwiki-forum-head-description {
    container-type: inline-size;
    --desc-width: 60cqw;
  }
  .atwiki-forum-head-description .atwiki-forum-supplement {
    flex-basis: var(--desc-width);
    flex-shrink: 0;
  }
  .atwiki-forum-head-description .atwiki-forum-head-side-form {
    font-size: min(1em,calc((100cqw - var(--desc-width) - 22px) / 20));
    min-width: auto !important;
    white-space: nowrap;
  }
  @media (max-width: 600px) {
    #atwiki-jp .atwiki-forum-head-description .atwiki-forum-head-side-form {
      width: max-content;
      max-width: 100cqw;
      font-size: min(1em,calc((100cqw - 22px) / 20));
    }
  }
}
/* 共通設定 */
.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; }
「CSS」をウィキ内検索
最近更新されたスレッド
人気スレッドランキング
人気タグ「」関連ページ
人気記事ランキング
最近更新されたページ
全体掲示板スレッドランキング
昨日アクセスの多かった掲示板スレッドランキングです。話題のスレッドを見に行こう！
急上昇Wikiランキング
急上昇中のWikiランキングです。今注目を集めている話題をチェックしてみよう！
新規Wikiランキング
最近作成されたWikiのアクセスランキングです。見るだけでなく加筆してみよう！
人気Wikiランキング
atwikiでよく見られているWikiのランキングです。新しい情報を発見してみよう！
全体ページランキング
最近アクセスの多かったページランキングです。話題のページを見に行こう！
CSS

プロゼミ風デザイン

公式サイト

Wiki

プロゼミ

アップデート

キャラクター

ブロック

攻略

ユーザー

作品

みんなのさくひん

コミュニティ

プロゼミの一覧

ページ関係

関連サイト

@Wiki

掲示板・コミュニティ

Zawazawa

Padlet

まめわざ

chaat

konoMi Space

LINE

おすすめページ

人気順(全期間)

ユーザーページ
