Changeset 22930 for branches/version-2_13-dev/html/user_data/packages/default/css/bloc.css

Timestamp:

2013/07/01 10:27:17 (11 years ago)

Author:

Seasoft

Message:

#2140 (標準テンプレートのカスタマイズ性を高める)
#2043 (typo修正・ソース整形・ソースコメントの改善 for 2.13.0)

File:

• branches/version-2_13-dev/html/user_data/packages/default/css/bloc.css (modified) (15 diffs)

branches/version-2_13-dev/html/user_data/packages/default/css/bloc.css

@@ -20 +20 @@
 -カレンダー
 -おすすめ商品
-    *メインカラム用 1カラム時 [one_maincolumn]
-    *メインカラム用 2カラム時 [two_maincolumn_left]
-                              [two_maincolumn_right]
-    *メインカラム用 3カラム時 [three_maincolumn]
-    *サイドカラム用           [side_column]
-    *商品詳細のオススメ商品   [whobought_area]
- */
+    * 商品詳細のオススメ商品   [whobought_area]
+*/
 
 
 /* ==============================================
 ブロック共通
+    * #container から指定することで、ヘッダー・フッターには適用していない。
 /* ============================================= */
-#container .block_body {
-    background-color: #fff;
-}
 .side_column {
     overflow-x: hidden; /* IE6 表示乱れ防止 */
 }
-.side_column .block_outer {
-    margin: 10px 7%;
-}
 .side_column .block_body,
-.main_column .block_body {
+#main_column .block_body {
     border: solid 1px #ccc;
     border-top: none;
@@ -50 +40 @@
     width: 145px;
 }
-.main_column .block_outer {
-    margin-bottom: 20px;
-}
-
+
+/* 外枠
+----------------------------------------------- */
+#container .block_outer {
+    padding: 0 15px 10px; /* #container の背景色を欠けさせないため敢えて padding */
+}
+#container #main_column .block_outer {
+    padding: 0 0 20px;
+}
+#container .side_column .block_outer {
+    padding: 0 7% 10px;
+}
 
 /* リスト
@@ -108 +106 @@
 
 
-/* ==============================================
-▼ヘッダー上、フッター下のブロックエリア
-=============================================== */
-div#topcolumn {
-    margin: 0px;
-    clear: both;
-}
-div#bottomcolumn {
-    margin: 0px;
-    clear: both;
-}
-
-
 /* ***********************************************
 ▼各機能ブロックの指定
@@ -128 +113 @@
 ▼新着情報
 =============================================== */
-#news_area .block_body {
+#news_area .news_contents {
     padding: 10px;
-}
-#news_area .news_contents {
-    padding-right: 10px;
     max-height: 260px;
-    height: auto !important;
-    height: 260px;
+    height: auto !important; /* hack? */
+    height: 260px; /* hack? */
     overflow: auto;
     overflow-y: scroll;
 }
-
 #news_area dl.newslist {
     background: url("../img/background/line_dot_01.gif") repeat-x bottom;
+}
+#news_area dl.newslist:last-child {
+    background: none;
 }
 #news_area dl.newslist dt {
@@ -149 +133 @@
     margin-bottom: 10px;
     padding-bottom: 10px;
-}
-#news_area dl.end {
-    padding: 10px 0;
-    background: url("") no-repeat bottom;
 }
 
@@ -181 +161 @@
 ▼カテゴリ
 =============================================== */
-#category_area .block_body {
+#container #category_area .block_body {
     background-color: #fffaf0;
 }
@@ -221 +201 @@
 =============================================== */
 #guide_area {
-    margin-top: 1em;
     border: none;
 }
@@ -290 +269 @@
 ▼検索
 =============================================== */
-div#search_area .block_body {
+#container div#search_area .block_body {
     padding: 10px;
 }
-div#search_area .block_body .btn {
+#container div#search_area .block_body .btn {
     text-align: center;
 }
@@ -352 +331 @@
 /*
    tplファイルのマークアップが同じ項目
-   メインカラム用 2カラム時 [two_maincolumn_left]
-                            [two_maincolumn_right]
-   メインカラム用 3カラム時 [three_maincolumn]
+   メインカラム用
    サイドカラム用           [side_column]
    商品詳細のオススメ商品   [whobought_area]
@@ -362 +339 @@
 #recommend_area .block_body,
 #whobought_area .product_item {
-    margin-bottom: 10px;
     padding: 10px 0 10px;
     border: none;
@@ -393 +369 @@
 ----------------------------------------------- */
 /* メインカラム用 */
-.main_column #recommend_area .block_body .productImage,
+#main_column #recommend_area .block_body .productImage,
 #whobought_area .product_item .productImage {
     margin-bottom: 10px;
@@ -409 +385 @@
 /* 左右の振り分け
 ----------------------------------------------- */
-.main_column #recommend_area .product_item,
+#main_column #recommend_area .product_item,
 #whobought_area .product_item {
     float: left;
@@ -421 +397 @@
 ----------------------------------------------- */
 /* メインカラム用 1カラム時*/
-#one_maincolumn #recommend_area .block_body .productContents {
+#main_column.colnum1 #recommend_area .block_body .productContents {
     float: right;
     width: 74%;
@@ -427 +403 @@
 
 /* メインカラム用 2カラム時*/
-#two_maincolumn_right #recommend_area .block_body .productContents,
-#two_maincolumn_left #recommend_area .block_body .productContents,
-#two_maincolumn_right #whobought_area .productContents,
-#two_maincolumn_left #whobought_area .productContents {
+#main_column.colnum2 #recommend_area .block_body .productContents,
+#main_column.colnum2 #whobought_area .productContents {
     float: right;
     width: 74%;
@@ -436 +410 @@
 
 /* メインカラム用 3カラム時*/
-#three_maincolumn #recommend_area .block_body .productContents,
-#three_maincolumn #whobought_area .productContents {
+#main_column.colnum3 #recommend_area .block_body .productContents,
+#main_column.colnum3 #whobought_area .productContents {
     float: right;
     width: 67%;