テーマカラーの確認
このページは，
テーマカラー確認用ページです。
「テーマカラー」とは，全てのページを同じ色調にし，サイト全体としての統一感を出そうというものです。季節の変わり目，学期の変わり目などに簡単な操作で「テーマカラー」をチェンジして，新鮮なイメージを与えます。
設定された「テーマカラー」を適用するとどんな印象に変わるか，下のボタンをクリックして確認することができます。
「css」フォルダ内の「settei.css」の中の１行を変更すると，サイト内の全ページの「テーマカラー」を変更することができます。
事前に準備された「テーマカラー」は，青色で示されています。
このうち１種類を赤の部分に設定します。
編集して保存した「settei.css」をアップロードすると，サイト内の全ページの「テーマカラー」が変更されます。
settei.css
@charset "utf-8";
/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */
@import "color_navy.css"; ← 下の中からここに設定する
/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */
/* テーマカラーの待機（この中から１つを上に設定する）
@import "color_navy.css";
@import "color_olive.css";
@import "color_brown.css";
@import "color_darkorange.css";
@import "color_purple.css";
@import "color_deeppink.css";
@import "color_orangered.css";
@import "color_gray.css";
*/
/* ★★学校教育目標等の設定（変更された場合は，ここに設定する）★★
------------------------------------------------------------*/
#header h1:before{
content:"校訓：強く 正しく 明るく 役立つ人に";
}
各ページ最上部の学校教育目標等は，上の赤字部分を書き変えると，すべてのページを変更することができる。
