Changeset 20508

Timestamp:

2011/03/05 02:50:39 (11 years ago)

Author:

Seasoft

Message:

#1032(フロントデザインリニューアル)

• 主に色弱者を対象としたアクセシビリティ向上対策。(ブラウザ設定を無視した基本色設定を削減・リンク文字列のハイコントラスト化)
• テキストボックスとベタテキストのカラーミスマッチを解消。
• コーディングスタイルを統一

File:

• branches/version-2_5-dev/html/user_data/packages/default/css/common.css (modified) (10 diffs)

branches/version-2_5-dev/html/user_data/packages/default/css/common.css

@@ -6 +6 @@
 body {
     font-family: Verdana,Arial,Helvetica,sans-serif;
-    color: #666;
     background-color: #f5f5f5;
     font-size: 72.5%;
     line-height: 150%;
-    letter-spacing:0.1em;
+    letter-spacing: 0.1em;
 }
 
@@ -59 +58 @@
 
 /* 中央カラム */
-.main_column { padding: 10px 0 20px; }
+.main_column {
+    padding: 10px 0 20px;
+}
 
 /* サイドカラム */
-#leftcolumn { float: left; width: 20%; }
-#rightcolumn { float: right; width: 20%; }
+#leftcolumn {
+    float: left;
+    width: 20%;
+}
+#rightcolumn {
+    float: right;
+    width: 20%;
+}
 
 /* 1カラム設定 */
@@ -93 +100 @@
 
 /* 下層コンテンツ */
-#undercolumn { width: 100%; margin: 0 0 30px 0;}
+#undercolumn {
+    width: 100%;
+    margin: 0 0 30px 0;
+}
 
 
@@ -102 +112 @@
 ----------------------------------------------- */
 .clearfix:after {
-    display:block;
-    clear:both;
-    height:0px;
-    line-height:0px;
-    visibility:hidden;
-    content:".";
+    display: block;
+    clear: both;
+    height: 0px;
+    line-height: 0px;
+    visibility: hidden;
+    content: ".";
 }
 
@@ -113 +123 @@
 /* リンク指定
 ----------------------------------------------- */
-a:link {
-    color: #39c;
+a:link ,
+a:visited {
+    color: #15a;
     text-decoration: none;
 }
-a:visited {
-    color: #39c;
-    text-decoration: none;
-}
-a:link:hover {
+a:link:hover ,
+a[href]:hover {
     color: #f60;
     text-decoration: underline;
 }
-a[href]:hover { 
-    color: #f60;
-    text-decoration: underline;
-}
 
 
 /* フォント
 ----------------------------------------------- */
-h1,h2,h3,h4,h5 { font-size: 100%; line-height: 150%;}
-.price { color: #f00; }
-.sale_price { color: #f00; }
-.normal_price { color: #f00; font-size: 90%; }
-.point { color: #f00; font-weight: bold; }
-.user_name { font-weight: bold; }
-.recommend_level { color: #ecbd00; }
-
-.attention { color: #f00; }
-.attentionSt { color: #f00; font-weight: bold; }
-.st { font-weight: bold; }
-.mini { font-size: 90%; }
+h1,h2,h3,h4,h5 {
+    font-size: 100%;
+    line-height: 150%;
+}
+.price {
+    color: #f00;
+}
+.sale_price {
+    color: #f00;
+}
+.normal_price {
+    color: #f00;
+    font-size: 90%;
+}
+.point {
+    color: #f00;
+    font-weight: bold;
+}
+.user_name {
+    font-weight: bold;
+}
+.recommend_level {
+    color: #ecbd00;
+}
+
+.attention {
+    color: #f00;
+}
+.attentionSt {
+    color: #f00;
+    font-weight: bold;
+}
+.st {
+    font-weight: bold;
+}
+.mini {
+    font-size: 90%;
+}
 
 
 /* 行揃え
 ----------------------------------------------- */
-.alignC { text-align: center; }
-.alignR { text-align: right; }
-.alignL { text-align: left; }
-.pricetd em { font-weight: bold;}
+.alignC {
+    text-align: center;
+}
+.alignR {
+    text-align: right;
+}
+.alignL {
+    text-align: left;
+}
+.pricetd em {
+    font-weight: bold;
+}
 
 
@@ -164 +202 @@
 }
 
-.box40 { width: 40px; }
-.box60 { width: 60px; }
-.box100 { width: 100px; }
-.box120 { width: 120px; }
-.box140 { width: 140px; }
-.box145 { width: 145px; }
-.box150 { width: 150px; }
-.box240 { width: 240px; }
-.box300 { width: 300px; }
-.box320 { width: 320px; }
-.box350 { width: 350px; }
-.box380 { width: 380px; }
+.box40 {
+    width: 40px;
+}
+.box60 {
+    width: 60px;
+}
+.box100 {
+    width: 100px;
+}
+.box120 {
+    width: 120px;
+}
+.box140 {
+    width: 140px;
+}
+.box145 {
+    width: 145px;
+}
+.box150 {
+    width: 150px;
+}
+.box240 {
+    width: 240px;
+}
+.box300 {
+    width: 300px;
+}
+.box320 {
+    width: 320px;
+}
+.box350 {
+    width: 350px;
+}
+.box380 {
+    width: 380px;
+}
 
 /* フォームが縦に重なり合う場合に併用する余白 */
-.top { margin-bottom: 5px; }
+.top {
+    margin-bottom: 5px;
+}
 
 
@@ -251 +315 @@
 ----------------------------------------------- */
 #site_description {
-    font-size:90%;
+    font-size: 90%;
 }
 #logo_area h1 {
@@ -258 +322 @@
 }
 #logo_area h1 span {
-    display: none;/* テキストロゴ非表示 */
+    display: none; /* テキストロゴ非表示 */
 }
 
@@ -340 +404 @@
     margin-top: 40px;
     padding: 20px 0 0 0;
-    border-top :solid 1px #ccc;
+    border-top: solid 1px #ccc;
 }
 div#complete_area .shop_information .name {
@@ -347 +411 @@
     font-size: 140%;
 }
-