Changeset 18609 for tmp/version-2_5-test/html/user_data/packages/default/css

Timestamp:

2010/03/11 10:35:11 (16 years ago)

Author:

kajiwara

Message:

正式版にナイトリービルド版をマージしてみるテスト

Location:

tmp/version-2_5-test/html/user_data/packages/default/css

Files:

• admin_contents.css (added)
• admin_file_manager.css (added)
• index.css (modified) (4 diffs)
• main.css (modified) (13 diffs)
• mypage.css (modified) (4 diffs)
• products.css (modified) (10 diffs)
• under.css (modified) (1 diff)
• under02.css (modified) (2 diffs)
• window.css (modified) (2 diffs)

tmp/version-2_5-test/html/user_data/packages/default/css/index.css

@@ -10 +10 @@
 
 
-/* ニュース
+/* 新着情報
 ----------------------------------------------- */
 div#newsarea {
@@ -34 +34 @@
 
 
-/* おすすめ
+/* おすすめ商品
 ----------------------------------------------- */
 div#recomendarea {
-    width: 400px;
-    margin: 0 auto;
+    margin: 0 10px;
 }
 
 div.recomendblock {
     clear: both;
-    width: 400px;
+    width: 100%;
     padding: 10px 0;
     overflow: auto;
@@ -49 +48 @@
 }
 
+div.recomendleft,
+div.recomendright {
+    width: 47.5%;
+}
+
 div.recomendleft {
     float: left;
-    width: 190px;
-    margin: 0 5px 0 0;
-}
-
-div.recomendleft p {
-    margin: 0 0 5px 0;
 }
 
 div.recomendright {
     float: right;
-    width: 190px;
     position: relative;
 }
 
-div.recomendleft img, div.recomendright img {
+div.recomendleft p,
+div.recomendright p {
+    margin: 0 0 5px 0;
+}
+
+div.recomendleft img,
+div.recomendright img {
     display: block;
     float: left;
@@ -71 +74 @@
 }
 
-div.recomendright p {
-    margin: 0 0 5px 0;
-}
-
-div.recomendleft h3 {
-    font-size: 100%;
-}
-
+div.recomendleft h3,
 div.recomendright h3 {
     font-size: 100%;

tmp/version-2_5-test/html/user_data/packages/default/css/main.css

@@ -5 +5 @@
 }
 
-table,img,p {
+table,img,p { 
     border: 0;
 }
@@ -48 +48 @@
     color: #3a75af;
 }
-a:hover {
+a:link:hover {
+    color: #ff6600;
+}
+a[href]:hover { /* 「a:link:hover」の Firefox 向けハック。上と Grouping 構文で統合すると、IE で動作しなくなる。 */
     color: #ff6600;
 }
@@ -57 +60 @@
     line-height: 150%;
 }
-.price { color: #ff0000; font-weight: bold; }
+.price {
+}
+/* FIXME ポイントがクラス「price」を利用しているようだが、専用のクラスを用意すべき。 */
+.sale_price {
+    color: #ff0000;
+}
+.sale_price .price {
+    font-weight: bold;
+}
+.normal_price {
+}
 .attention { color: #ff0000; }
 .mini { font-size: 90%; }
@@ -64 +77 @@
     color: #ff0000;
 }
+
+/* 見出し
+----------------------------------------------- */
+h2 {
+    padding: 15px 0 0 0;
+}
+h2.title {
+    margin: 0 0 10px 0;
+    border-style: solid;
+    border-width: 2px 1px;
+    border-color: #999 #ccc;
+    background: url("../img/title/title_icon.gif") no-repeat 7px center;
+    padding: 7px 0 7px 30px;
+    font-size: 140%;
+    color: #000;
+}
+
 /* テーブル共通指定
 ----------------------------------------------- */
@@ -132 +162 @@
     width: 292px;
     height: 81px;
-    background: url("../img/header/logo.gif");
+    background: url("../img/header/logo.gif") no-repeat;
 }
 div#header em {
@@ -173 +203 @@
 }
 
-div#leftcolumn h2 {
-    padding: 15px 0 0 0;
-}
-
 div#rightcolumn {
     float: left;
     width: 166px;
-}
-
-div#rightcolumn h2 {
-    padding: 15px 0 0 0;
 }
 
@@ -195 +217 @@
 }
 
-div#three_maincolumn h2 {
-    padding: 15px 0 0 0;
-}
-
 /* 2カラム設定 */
 div#two_maincolumn {
@@ -206 +224 @@
 }
 
-div#two_maincolumn h2 {
-    padding: 15px 0 0 0;
-}
-
 /* 1カラム設定 */
 div#one_maincolumn {
@@ -215 +229 @@
 }
 
+/* 上下のブロックエリア
+----------------------------------------------- */
+div#topcolumn{
+    clear:both;
+    margin:0px; 
+}
+div#bottomcolumn{
+    clear: both;
+    margin:0px;
+}
+
+/* リストをボタンのような外観に
+----------------------------------------------- */
+ul.button_like li {
+    margin: 0;
+    padding: 0;
+}
+ul.button_like li a {
+    display: block;
+    padding: 7px 0 7px 15px;
+    text-decoration: none;
+    border: 1px solid;
+    border-color: #ccc #999 #999 #ccc;
+    background: url("../img/common/button_like_bg.gif") 5px 7px no-repeat;
+    outline: none;
+    margin: 0;
+}
+ul.button_like li a:link,
+ul.button_like li a:visited {
+    color: #000;
+}
+ul.button_like li a:hover,
+ul.button_like li a.selected:link,
+ul.button_like li a.selected:visited {
+    color: #f60;
+}
+ul.button_like li a:active {
+    border-color: #999 #ccc #ccc #999;
+}
+
 /* カゴの中
 ----------------------------------------------- */
@@ -237 +291 @@
 }
 
+div#cartarea .price {
+    color: #FF0000;
+    font-weight: bold;
+}
+
+
 /* カテゴリー
 ----------------------------------------------- */
@@ -274 +334 @@
     color: #ff0000;
 }
+
+
 /* ガイドリンク
 ----------------------------------------------- */
-#guidearea {
-    padding: 15px 0 0 0;
-    line-height: 0;
+#guidearea ul.button_like {
+    margin-top: 1em;
+    font-size: 11px;
 }
 
@@ -306 +368 @@
     border: solid 1px #ccc;
 }
+
 
 /* 検索
@@ -357 +420 @@
     color: #DD4400;
 }
+
 
 /* バナー

tmp/version-2_5-test/html/user_data/packages/default/css/mypage.css

@@ -9 +9 @@
 }
 
-div#mypagecolumn h2.title{
-    width: 700px;
-    margin: 0 0 15px 0;
+div#mypagecolumn h3 {
+    margin: 0 0 10px 0;
+    border-style: solid;
+    border-width: 0 0 2px 0;
+    border-color: #bbbba4;
+    padding: 5px 0 5px 12px;
+    font-size: 140%;
+    color: #333;
+    background-color: #f1f1ec;
+    letter-spacing: 0.15em;
 }
 
@@ -20 +27 @@
 div#mycontentsarea {
     width: 510px;
+    float: right;
 }
 
@@ -42 +50 @@
 }
 
-
-/* 購入履歴一覧/詳細
------------------------------------------------ */
 div#mynavarea {
     float: left;
@@ -50 +55 @@
 }
 
-div#mynavarea li {
-    display: block;
-    height: 30px;
+div#mynavarea ul.button_like {
+    width: 170px;
 }
 
-div#mycontentsarea {
-    float: right;
-}
 
-div#mycontentsarea h3 {
-    margin: 0 0 10px 0;
-}
-
+/* 購入履歴一覧/詳細
+----------------------------------------------- */
 div#mycontentsarea table th {
     text-align: center;

tmp/version-2_5-test/html/user_data/packages/default/css/products.css

@@ -15 +15 @@
 /* ページ送り
 ----------------------------------------------- */
-.pagenumberarea, .pagecondarea {
-    clear: both;
-    width: 560px;
+.pagenumberarea,
+.pagecondarea {
+    clear: both;
+}
+
+/* 背景色(改行対策) */
+.pagenumberarea,
+.pagenumberarea .navi,
+.pagenumberarea .change,
+.pagecondarea {
+    background-color: #f3f3f3;
+}
+
+.pagenumberarea {
+    margin: 1em 0;
+    padding: 1ex 1em;
+}
+
+.pagecondarea {
     margin: 20px 0;
     padding: 10px;
-    background-color: #f3f3f3;
-}
-
-ul.pagenumberarea {
-    height: 2.5ex;
-}
-
-ul.pagecondarea {
     border: 1px solid #CCCCCC;
 }
 
-ul.pagenumberarea li {
-    float: left;
-    width: 32.9%;
-}
-
-ul.pagenumberarea li.left {
-    text-align: left;
-    white-space: nowrap;
-}
-
-ul.pagenumberarea li.center {
+.pagenumberarea .navi {
+    padding-right: 38%;
     text-align: center;
-    white-space: pre;
-}
-
-ul.pagenumberarea li.right {
+}
+
+.pagenumberarea .change {
+    float: right;
     text-align: right;
     white-space: nowrap;
 }
 
-.pagenumberarea .pagenumber{
-    color: #ff0000;
-    font-weight: bold;
-}
-
-p.pagenumberarea .number{
-    font-weight: bold;
-}
-
 /* 商品一覧 */
 
 /* タイトル
 ----------------------------------------------- */
-div#listtitle {
-    width: 580px;
-    margin: 0 0 10px 0;
-    border-top: 2px solid #ff0000;
-    border-left: 1px solid #ccc;
-    border-right: 1px solid #ccc;
-    border-bottom: 2px solid #999;
+.product h2.title {
+    border-color: #f00 #ccc;
     background: url("../img/products/title_icon.gif") no-repeat left center;
     background-color: #ffebca;
 }
-
-div#listtitle h2 {
-    padding: 10px 0 10px 30px;
-    font-size: 140%;
-}
-
 
 /* 商品
@@ -116 +95 @@
 
 div.listrightblock h3 a {
-    font-size: 100%;
     font-weight: bold;
 }
@@ -126 +104 @@
 div.listrightblock .pricebox {
     float: left;
-}
-
-div.listrightblock .soldout {
-    clear: both;
 }
 
@@ -165 +139 @@
 div.listrightblock .cartbtn {
     clear: both;
-    text-align: center;
 }
 
 div.listrightblock .cartbtn img {
-    display: block;
     width: 115px;
-    margin: 5px auto 0 auto;
+    margin: 5px 0 0 0;
 }
 
@@ -179 +151 @@
 }
 
+.product_list .pagenumber{
+    color: #ff0000;
+    font-weight: bold;
+}
+
 /* 商品詳細 */
-
-/* タイトル
------------------------------------------------ */
-div#detailtitle {
-    width: 580px;
-    margin: 0 0 10px 0;
-    border-top: 2px solid #ff0000;
-    border-left: 1px solid #ccc;
-    border-right: 1px solid #ccc;
-    border-bottom: 2px solid #999;
-    background: url("../img/products/title_icon.gif") no-repeat left center;
-    background-color: #ffebca;
-}
-
-div#detailtitle h2 {
-    padding: 10px 0 10px 30px;
-    font-size: 140%;
-}
-
 
 /* 商品
@@ -234 +192 @@
 
 div#detailrightblock dl {
-    padding: 15px 0 0 0;
+    padding: 0;
 }
 
 div#detailrightblock dt {
     font-weight: bold;
+    margin: 15px 0 0 0;
     padding: 0 0 0 15px;
     background: url("../img/common/arrow_gray.gif") no-repeat left center;
@@ -261 +220 @@
 }
 
+/* 商品共通 */
+
+.cartbtn {
+    text-align: center;
+}
+
 /* サブタイトル
 ----------------------------------------------- */
@@ -270 +235 @@
 
 div.subarea h3 {
-    width: 560px;
     font-size: 120%;
     margin: 0 0 10px 0;
     padding: 5px 10px;
     background-color: #e4e4e4;
+    clear: both;
 }
 
@@ -321 +286 @@
 }
 
+.recommend_level {
+    color: #FF0000;
+}
+
 /* トラックバック
 ----------------------------------------------- */
@@ -344 +313 @@
 }
 
-/* この商品を買った人はこんな商品も買っています
+/* 関連商品
 ----------------------------------------------- */
 div#whoboughtarea {

tmp/version-2_5-test/html/user_data/packages/default/css/under.css

@@ -7 +7 @@
     width: 580px;
     margin: 15px auto 0 auto;
-}
-
-div#undercolumn h2.title{
-    width: 580px;
-    margin: 0 0 15px 0;
 }
 

tmp/version-2_5-test/html/user_data/packages/default/css/under02.css

@@ -7 +7 @@
     width: 700px;
     margin: 15px auto 0 auto;
-}
-
-div#under02column h2.title{
-    width: 700px;
-    margin: 0 0 15px 0;
 }
 
@@ -100 +95 @@
 
 
-/* お届け先指定
+/* お届け先の指定
 ----------------------------------------------- */
 div#under02column_shopping table th {

tmp/version-2_5-test/html/user_data/packages/default/css/window.css

@@ -1 +1 @@
 @charset "utf-8";
 
-
-/* 商品詳細拡大写真
+/* ポップアップウィンドウ
 ----------------------------------------------- */
-div#bigimage {
-    width: 520px;
-    margin: 15px auto 0 auto;
-    background-color: #ffffff;
+div#windowcolumn {
+    margin: 15px 15px 0 15px;
+    background-color: #fff;
+    border-top: 5px solid #ffa85c;
+    border-bottom: 5px solid #ffa85c;
 }
 
-div#bigimage img {
-    padding: 10px;
+/* 商品詳細拡大写真、カート拡大写真
+----------------------------------------------- */
+div#bigimage,
+div#cartimage {
+    margin-top: 15px;
     background-color: #ffffff;
+    text-align: center;
 }
 
-
-/* カート拡大写真
------------------------------------------------ */
-div#cartimage {
-    width: 280px;
-    margin: 15px auto 0 auto;
-    background-color: #ffffff;
-}
-
+div#bigimage img,
 div#cartimage img {
     padding: 10px;
@@ -29 +25 @@
 }
 
-
-/* お客様の声の書き込み・新しいお届け先の追加・変更
+/* お客様の声の書き込み、新しいお届け先の追加・変更
 ----------------------------------------------- */
-div#windowcolumn {
-    width: 550px;
-    margin: 15px auto 0 auto;
-    background-color: #fff;
-    border-top: 5px solid #ffa85c;
-    border-bottom: 5px solid #ffa85c;
-}
-
 div#windowcolumn h2 {
-    width: 500px;
     margin: 0 0 15px 0;
 }