/* ========================================
   水瀬いのり跳びポ・コールWiki
   カラーテーマ
   ======================================== */


/* ------------------------------
   全体背景
   ------------------------------ */

html,
body {
    background: #dff4ff !important;
    background-color: #dff4ff !important;
}


/* ------------------------------
   Wikiタイトル部分
   背景と同じ水色・文字は黒
   ------------------------------ */

html body #site_header,
html body div#site_header {
    background: #dff4ff !important;
    background-color: #dff4ff !important;
    background-image: none !important;
}

html body #site_header h1,
html body #site_header h1 a,
html body div#site_header h1,
html body div#site_header h1 a {
    background: transparent !important;
    color: #222222 !important;
}


/* ------------------------------
   Wiki3最上部の操作バー
   黒のまま
   ------------------------------ */

html body .uk-navbar,
html body .uk-navbar-container {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

html body .uk-navbar-nav > li > a,
html body .uk-navbar-item,
html body .uk-navbar-toggle {
    color: #ffffff !important;
}


/* ========================================
   各種見出しバー
   「書き込む」ボタンと同じ #00A8E6
   ======================================== */

/* Wiki3のパネル見出し */
html body .uk-panel .uk-panel-title,
html body .uk-panel-header .uk-panel-title,
html body h1.uk-panel-title,
html body h2.uk-panel-title,
html body h3.uk-panel-title,
html body h4.uk-panel-title,

/* Bootstrap系 */
html body .panel .panel-heading,
html body .panel-heading,

/* コメント関連 */
html body #comment .uk-panel-title,
html body #comments .uk-panel-title,
html body .comment .uk-panel-title,
html body .comments .uk-panel-title,
html body .comment-title,
html body .comment_title,
html body .comment-header,
html body .comment_header,

/* サイドメニュー等 */
html body #left_menu .uk-panel-title,
html body #left_column .uk-panel-title,
html body #sidebar .uk-panel-title,
html body #menu .uk-panel-title,

/* メインページ見出し */
html body #main_content .uk-panel-title,
html body #content .uk-panel-title {
    background: #00A8E6 !important;
    background-color: #00A8E6 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #00A8E6 !important;
}


/* 見出しバー内リンク文字 */
html body .uk-panel-title a,
html body .panel-heading a,
html body .comment-title a,
html body .comment_title a {
    color: #ffffff !important;
}


/* ------------------------------
   書き込むボタン
   同じ水色に固定
   ------------------------------ */

html body .uk-button-primary,
html body button.uk-button-primary,
html body input.uk-button-primary,
html body input[type="submit"],
html body button[type="submit"] {
    background: #00A8E6 !important;
    background-color: #00A8E6 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #00A8E6 !important;
}


/* ------------------------------
   本文・サイドメニュー内部
   白
   ------------------------------ */

html body #main_content,
html body #content,
html body .uk-panel-box {
    background-color: #ffffff;
}


/* ------------------------------
   通常リンク
   ------------------------------ */

html body a {
    color: #1476d4;
}


/* 上部黒バーのリンクだけ白に戻す */
html body .uk-navbar a,
html body .uk-navbar-container a {
    color: #ffffff !important;
}

/* 各見出しバーを「書き込む」ボタンと同じ水色にする */
body > div.uk-container.sp > h1,
body > div.uk-container.sp > section#wiki_menu > h1,
section#comment-form > h1 {
    background-color: #00a8e6 !important;
    color: #ffffff !important;
}

/* 左サイドバーの見出しを水色に変更 */
body > div.uk-container > div.uk-grid > div[class*="uk-width-"] > h1,
body > div.uk-container > div.uk-grid > div[class*="uk-width-"].sidebar > h1 {
    background-color: #00A8E6 !important;
    color: #ffffff !important;
}

/* 上部メニューを開いたときのプルダウン文字を黒にする */
html body .uk-navbar .uk-dropdown a,
html body .uk-navbar .uk-dropdown-navbar a,
html body .uk-navbar .uk-nav-dropdown > li > a,
html body .uk-navbar-container .uk-dropdown a {
    color: #222222 !important;
}