GeekFlowerの「ProfessionalCSS」からの変更点

提供: GeeklogJpWiki

style.css

以下の行を最後に追加しています。

/* GeekFlower カスタムテーマスタイル */
@import url("custom.css"); 

custom.css

/*==============================================================================
  タイトル: カスタムスタイルシート　テーマ「GeekFlower」
  著者    : IvySOHO 今駒哲子 (http://www.ivysoho.co.jp)
  説明    : テーマ「ProfessionalCSS」著者 : Fumito Arakawa as Phize (http://phize.net/)
            をカスタマイズするスタイルシート
==============================================================================*/

@charset "utf-8";
/* GL_green カスタムテーマスタイル */

/* default.css ------------------------------------------------------------------------- */
/*--------------------------------------
  ページ全体のスタイル
--------------------------------------*/
body {
  margin-top:5px;
  background-image: url(images/custom/bg.png); /* 背景画像 */
  background-repeat:none; /* 縦方向リピート解除 */
  background-repeat:repeat-x; /* 横方向リピート指定 */
  background-position: 0 0;  /* Win IE 5.5以下用 */
}
/*--------------------------------------
  リンクスタイル
--------------------------------------*/
a:link, a:visited {
  text-decoration: none;
  color:#446666;
}
a:hover[href]{
  color: #ee3322;
  text-decoration: underline;
}

/* layout.thtml ------------------------------------------------------------------------ */
/*--------------------------------------
  記事の中に配置する画像
--------------------------------------*/
.storytext img{
  padding:4px;
}

/*--------------------------------------
  センターブロックのテーブル内の文字　ダウンロードセクション等
--------------------------------------*/
div#centerblocks div.block-center div.block-center-content table {
  font-size: 100%;
}

/*--------------------------------------
  ヘッダコンテナ
--------------------------------------*/
div#container div#header {
//  position: relative;
  height: 150px; /* ヘッダの高さ */
  margin: 0;  /* Win IE 5.5以下用 2em 0 0 0; */
  padding: 0;
//  background-color: #fff;
  background-image: url(images/custom/bg_header.png); /* ヘッダの背景 */
  background-repeat: no-repeat;
  background-position: 0 0;  /* Win IE 5.5以下用 */

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
	margin: 0;
	padding: 0;
    background-position: 0;
  /* } モダンブラウザ用 */
}

/*--------------------------------------
  ロゴエリア
--------------------------------------*/
div#container div#header h1.site_name {
  position: absolute;
  width: 260px; /* ロゴサイズ横 */
  height: 40px; /* ロゴサイズ縦 */
  margin: 0 0 0 72px; /* ロゴのマージン 上・右・下・左 */
  padding: 0;
  background-image: url(images/custom/bg_logo.gif);
}
div#container div#header h1.site_text {
  height: 14px; /* ロゴサイズ縦 */
  position: absolute;
  margin: 0; /* ロゴのマージン 上・右・下・左 */
  padding: 0;
}

/*--------------------------------------
  グローバルナビゲーションコンテナ
--------------------------------------*/
div#container div#header h1.site_name a,
div#container div#header h1.site_name a:link,
div#container div#header h1.site_name a:visited,
div#container div#header h1.site_name a:hover,
div#container div#header h1.site_name a:focus,
div#container div#header h1.site_name a:active {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 200px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう) */
  height: 130px; /* ロゴクリックエリア 縦 */
  margin: 0;
  padding: 0 0 0 262px; /* ロゴクリックエリア 262:幅 */

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 0;
  /* } モダンブラウザ用 */

}

/*--------------------------------------
  グローバルナビゲーション
--------------------------------------*/
div#container div#navigation {
  padding: 1.5em 8px 0.8em 8px; /* グローバルナビゲーションの余白 上・右・下・左 */
  position: relative;
  background-color: #E7E7E7;
  background-image: url(images/custom/bg_navigation.png); /* 背景画像 */
  text-align: center;
}

/*--------------------------------------
  トップテキスト
--------------------------------------*/
div#container div#header p.site_text {
  position: absolute;
  margin:0;/* スローガンの余白 上・右・下・左 */
  padding:0;
  color: #666;
  text-align: left;
}

/*--------------------------------------
  スローガン
--------------------------------------*/
div#container div#header p.site_slogan {
  position: absolute;
  margin: 105px 10px 0 360px;/* スローガンの余白 上・右・下・左 */
  padding:0;
  color: #666;
  text-align: right;
}

/*--------------------------------------
  フッタ
--------------------------------------*/
div#container div#footer {
  background-color: #666666;
  background-image: url(images/custom/bg_footer.png); /* フッタの背景 */
}

/* layout.css -------------------------------------------------------------------------- */
/*--------------------------------------
  ラッパー
    コンテンツとなるブロックレベル要素(div#leftblocks, div#centerblocks, div#rightblocks)を包含します。
--------------------------------------*/

/* JavaScript有効・3カラム(左ブロック・中央ブロック・右ブロック)時のラッパー */
body.left-center-right div#container div#wrapper {
  background-image: url(images/custom/bg_wrapper_left-center-right.png);
}

/* JavaScript有効・2カラム(左ブロック・中央ブロック)時のラッパー */
body.left-center div#container div#wrapper {
  background-image: url(images/custom/bg_wrapper_left-center.png);
}

/* JavaScript有効・2カラム(中央ブロック・右ブロック)時のラッパー */
body.center-right div#container div#wrapper {
  background-image: url(images/custom/bg_wrapper_center-right.png);
}

/* JavaScript有効・1カラム(中央ブロック)時のラッパー */
body.center div#container div#wrapper {
  background-image: url(images/custom/bg_wrapper_center.png);
}

/* JavaScript無効時のラッパー */
body.js_off div#container div#wrapper {
  background-image: url(images/custom/bg_wrapper_left-center-right.png);
}

/* form.css  --------------------------------------------------------------------------- */
/*--------------------------------------
  検索フォーム
--------------------------------------*/
/* ブロック内検索フォーム */
div#leftblocks div#block-left-search {
  margin: 0 2px 0.5em 2px;
  padding: 8px;
  border-bottom: 1px solid #CCCCCC;
  background-color: #EBD8CD;   /* 薄いピンク色 */
}

/* block.css  -------------------------------------------------------------------------- */
/*--------------------------------------
  左右ブロック
--------------------------------------*/
/* 各左ブロックタイトル */
div#leftblocks div.block-left h2 {
  background-image: url(images/custom/bg_blocktitle_left.png);
  background-repeat:none;
  height: 20px;
  margin: 0;
  padding: 5px;
  font-size: 110%;
  font-weight: bold;
  text-align:center;
}
/* 各右ブロックタイトル */
div#rightblocks div.block-right h2 {
  background-image: url(images/custom/bg_blocktitle_right.png);
  background-repeat:none;
  height: 20px;
  margin: 0;
  padding: 5px;
  font-size: 110%;
  font-weight: bold;
  text-align:center;
}

/* 各ブロック */
div#rightblocks div.block-right,
div#leftblocks div.block-left {
  margin: 0 8px 0 8px;
  padding: 8px 0;
  border-bottom: none;
}
/*--------------------------------------
  メッセージブロック
    システムメッセージ等です。
--------------------------------------*/

/* 囲み */
div#centerblocks div#block-message {
  margin: 2em 0;
  padding: 0;
  border: 1px solid #EAEAE3; /* 薄い罫線 */
}

/* タイトル */
div#centerblocks div#block-message dl dt {
  margin: 0;
  padding: 8px;
  background-color: #A4A49D; /* 濃いバック */
  background-image: url(images/custom/bg_message_title.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  color: #FFFFFF;
  font-weight: bold;
}

/* メッセージ */
div#centerblocks div#block-message dl dd {
  margin: 0;
  padding: 8px;
  background-color: #EAEAE3; /* 薄いバック */
  font-weight: bold;
}

/* css/comment/comment.css ------------------------------------------------------------ */
/*--------------------------------------
  コメントタイトル
--------------------------------------*/
div#comments div.block-comment-content ul.status li.title {
  border: 1px solid #E7E7E7;
  background-color: #A4A49D;  /* 濃いバック*/
  color:#fff;
}

/* plugin/sitecalendar.thtml ---------------------------------------------------------- */
/*--------------------------------------
  サイトカレンダ
--------------------------------------*/

table.mycalTitle {
  background-color: #A6A688;  /* 濃いバック*/
}

table.mycalTitle tr td {
  border: 1px solid #A6A688;  /* 濃いバック*/
}

table.mycalTitle tr td table tr td {
  background-color: #A6A688;  /* 濃いバック*/
}

/* 日付 */
table.mycalTitle tr td.mycalDateField {
  padding: 1px;
}

/* plugin/forum.thtml  ----------------------------------------------------------------- */
/*--------------------------------------
  掲示板トップページセンターブロック
--------------------------------------*/

.pluginBGcenterblock{
  margin-bottom:30px
}
/*--------------------------------------
  掲示板セクションデザイン
--------------------------------------*/

/* 掲示板パンくずリストなど */
.pluginAltBG {
  background-color: #A6A688;  /* 濃いバック*/
}

/* ホーム掲示板見出し・掲示板全体背景色など */
.pluginTitle {
  background-color:#EAEAE3; /* 薄いバック */
}

/* 掲示板タイトルなど */
.pluginHeader {
  background-color: #A4A49D; /* 濃いバック */
}

/* 掲示板囲み背景色など */
.pluginSolidFill {
  background-color: #EAEAE3; /* 薄いバック */
}

.pluginAlert {
  background-color: #FEF1B4;
  color: #D8010E;
}

.pluginInfo {
  background-color: #FEF1B4;
}

/* 掲示板リンク色 */
.pluginLinks a:link {
  color:#446666;
 }

.pluginLinks a:visited {
  color:#444444;
}

.pluginLinks a:hover,
.pluginLinks a:focus,
.pluginLinks a:active {
  color: #ee3322;
}