Changeset 21609 for branches/version-2_12-dev/html/user_data/packages

Timestamp:

2012/03/08 01:49:42 (14 years ago)

Author:

Seasoft

Message:

#1436 (PCサイト CSS を改善)

Location:

branches/version-2_12-dev/html/user_data/packages/default/css

Files:

• bloc.css (modified) (19 diffs)
• bloc_alpha.css (modified) (3 diffs)

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

@@ -32 +32 @@
 ブロック共通
 /* ============================================= */
-#container .bloc_body {
+#container .block_body {
     background-color: #fff;
 }
@@ -38 +38 @@
     overflow-x: hidden; /* IE6 表示乱れ防止 */
 }
-.side_column .bloc_outer {
+.side_column .block_outer {
     margin: 10px 7%;
 }
-.side_column .bloc_body ,
-.main_column .bloc_body {
+.side_column .block_body ,
+.main_column .block_body {
     border: solid 1px #ccc;
     border-top: none;
 }
-.side_column .bloc_body .box {
+.side_column .block_body .box {
     border: solid 1px #ccc;
     width: 145px;
 }
-.main_column .bloc_outer {
+.main_column .block_outer {
     margin-bottom: 20px;
 }
@@ -58 +58 @@
 ----------------------------------------------- */
 /* ログイン 検索条件 */
-#container .bloc_outer .bloc_body dl.formlist {
+#container .block_outer .block_body dl.formlist {
     margin-bottom: 8px;
 }
-#container .bloc_outer .bloc_body dl.formlist dd {
-    margin-bottom: 5px;
-}
-#container .bloc_outer .bloc_body dl.formlist dt {
+#container .block_outer .block_body dl.formlist dd {
+    margin-bottom: 5px;
+}
+#container .block_outer .block_body dl.formlist dt {
     margin-bottom: 3px;
     padding-left: 15px;
@@ -70 +70 @@
     font-size: 90%;
 }
-#container .bloc_outer .bloc_body dl.formlist span{
+#container .block_outer .block_body dl.formlist span{
     vertical-align: top;
 }
@@ -128 +128 @@
 ▼新着情報
 =============================================== */
-#news_area .bloc_body {
+#news_area .block_body {
     padding: 10px;
 }
@@ -181 +181 @@
 ▼カテゴリ
 =============================================== */
-#category_area .bloc_body{
+#category_area .block_body{
     background-color: #fffaf0;
 }
@@ -250 +250 @@
 ※ヘッダー用はbloc_alpha.css内に記述
 =============================================== */
-#container div#login_area .bloc_body {
+#container div#login_area .block_body {
     padding: 10px;
 }
 
-#container div#login_area .bloc_body p {
-    margin-bottom: 5px;
-}
-
-#container div#login_area .bloc_body .btn {
+#container div#login_area .block_body p {
+    margin-bottom: 5px;
+}
+
+#container div#login_area .block_body .btn {
     text-align: center;
 }
@@ -281 +281 @@
     text-align: left;
 }
-#container div#login_area .bloc_body .mini {
+#container div#login_area .block_body .mini {
     margin-top: 5px;
     letter-spacing: -0.01em;
@@ -290 +290 @@
 ▼検索
 =============================================== */
-div#search_area .bloc_body {
+div#search_area .block_body {
     padding: 10px;
 }
-div#search_area .bloc_body .btn {
+div#search_area .block_body .btn {
     text-align: center;
 }
@@ -305 +305 @@
     border: none;
 }
-#calender_area .bloc_body {
+#calender_area .block_body {
     padding: 10px 0;
     background-color: #f1f9fc;
@@ -356 +356 @@
 /* 共通
 ----------------------------------------------- */
-#recommend_area .bloc_body ,
-#whobought_area .whobought_bloc {
+#recommend_area .block_body ,
+#whobought_area .product_item {
     margin-bottom: 10px;
     padding: 10px 0 10px;
@@ -364 +364 @@
 }
 
-#recommend_area .bloc_body p ,
-#whobought_area .whobought_bloc p {
+#recommend_area .block_body p ,
+#whobought_area .product_item p {
     margin: 0 0 5px 0;
 }
 
-#recommend_area .bloc_body img ,
-#whobought .whobought_bloc img {
+#recommend_area .block_body img ,
+#whobought_area .product_item img {
     margin: 0 5px 0 0;
 }
 
-#recommend_area .bloc_body h3 ,
-#whobought_area .whobought_bloc h3 {
+#recommend_area .block_body h3 ,
+#whobought_area .product_item h3 {
     font-size: 100%;
     font-weight: normal;
@@ -389 +389 @@
 ----------------------------------------------- */
 /* メインカラム用 */
-.main_column #recommend_area .bloc_body .productImage,
-#whobought_area .whobought_bloc .productImage {
+.main_column #recommend_area .block_body .productImage,
+#whobought_area .product_item .productImage {
     margin-bottom: 10px;
     float: left;
@@ -396 +396 @@
 }
 /* サイドカラム用 */
-.side_column #recommend_area .bloc_body .productImage {
+.side_column #recommend_area .block_body .productImage {
     float: none;
     text-align: center;
@@ -406 +406 @@
 ----------------------------------------------- */
 .main_column #recommend_area .product_item,
-#whobought_area .whobought_bloc .whobought_left {
+#whobought_area .product_item {
     float: left;
     width: 47.5%;
-}
-#whobought_area .whobought_bloc .whobought_right {
-    float: right;
-    width: 47.5%;
+    padding-left: 1%;
+    padding-right: 1%;
 }
 
@@ -419 +417 @@
 ----------------------------------------------- */
 /* メインカラム用 1カラム時*/
-#one_maincolumn #recommend_area .bloc_body .productContents {
+#one_maincolumn #recommend_area .block_body .productContents {
     float: right;
     width: 74%;
@@ -425 +423 @@
 
 /* メインカラム用 2カラム時*/
-#two_maincolumn_right #recommend_area .bloc_body .productContents ,
-#two_maincolumn_left #recommend_area .bloc_body .productContents ,
-#two_maincolumn_right #whobought_area .whobought_bloc .productContents ,
-#two_maincolumn_left #whobought_area .whobought_bloc .productContents {
+#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 {
     float: right;
     width: 74%;
@@ -434 +432 @@
 
 /* メインカラム用 3カラム時*/
-#three_maincolumn #recommend_area .bloc_body .productContents ,
-#three_maincolumn #whobought_area .whobought_bloc .productContents {
+#three_maincolumn #recommend_area .block_body .productContents ,
+#three_maincolumn #whobought_area .productContents {
     float: right;
     width: 67%;
@@ -441 +439 @@
 
 /* サイドカラム用 */
-.side_column #recommend_area .bloc_body .productContents {
+.side_column #recommend_area .block_body .productContents {
     clear: both;
 }

branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css

@@ -62 +62 @@
 /* 共通
 ----------------------------------------------- */
-#container .bloc_outer #banner_area .bloc_body {
+#container .block_outer #banner_area .block_body {
     border: none;
 }
@@ -68 +68 @@
 /* 【メイン】バナーエリア_02
 ----------------------------------------------- */
-.main_column .bloc_outer #banner_area .bloc_body ul {
+.main_column .block_outer #banner_area .block_body ul {
     width: 100%;
 }
-.main_column .bloc_outer #banner_area .bloc_body ul li {
+.main_column .block_outer #banner_area .block_body ul li {
     float: left;
 }
-.main_column .bloc_outer #banner_area .bloc_body ul li.sub_01{
+.main_column .block_outer #banner_area .block_body ul li.sub_01{
     padding-right: 8px;
 }
@@ -82 +82 @@
 /* 【サイド】バナーエリア_02
 ----------------------------------------------- */
-#leftcolumn .bloc_outer #banner_area .bloc_body ul li ,
-#rightcolumn .bloc_outer #banner_area .bloc_body ul li {
+#leftcolumn .block_outer #banner_area .block_body ul li ,
+#rightcolumn .block_outer #banner_area .block_body ul li {
     margin-bottom: 8px;
 }