Changeset 22930 for branches/version-2_13-dev/html/user_data/packages/default/css/common.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/common.css (modified) (6 diffs)

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

@@ -13 +13 @@
 }
 
-select {
-    border: solid 1px #ccc;
-}
-
 /*写真*/
-.picture {
+img.picture {
     border: 1px solid #ccc;
 }
@@ -36 +32 @@
 #container {
     margin: 0 auto;
-    padding: 0 0 30px 0;
+    padding: 0 0 30px;
     width: 980px;
     background: #fff;
@@ -46 +42 @@
  カラム指定
 =============================================== */
-/* ヘッダーとフッターの上下
-[注意]ブロック移動時はbloc.css内で調整が必要 */
+
+/* メイン部
+----------------------------------------------- */
+#main_column {
+    padding: 10px 0 0;
+}
+
+/* 1カラム時 */
+#main_column.colnum1 {
+    margin: 0 auto;
+    width: 80%;
+}
+
+/* 2カラム時 (共通) */
+#main_column.colnum2 {
+    width: 78%;
+}
+
+/* 2カラム時 (メイン部が左) */
+#main_column.colnum2.left {
+    padding-left: 1.5%;
+    float: left;
+}
+
+/* 2カラム時 (メイン部が右) */
+#main_column.colnum2.right {
+    padding-right: 1.5%;
+    float: right;
+}
+
+/* 3カラム時 */
+#main_column.colnum3 {
+    padding-left: 0.5%;
+    width: 59%;
+    float: left;
+}
+
+/* サイドカラム
+----------------------------------------------- */
+.side_column {
+    padding: 10px 0 0;
+}
+#leftcolumn {
+    float: left;
+    width: 20%;
+}
+#rightcolumn {
+    float: right;
+    width: 20%;
+}
+
+/* 他
+----------------------------------------------- */
+/* ヘッダーとフッターの上下 */
 #topcolumn,
 #bottomcolumn,
 #footerbottomcolumn {
-    margin: 0 auto;
-    padding: 15px;
-    width: 950px;
+    margin: 0px;
     background: #fff;
     text-align: left;
-}
-
-/* 中央カラム */
-.main_column {
-    padding: 10px 0 20px;
-}
-
-/* サイドカラム */
-#leftcolumn {
-    float: left;
-    width: 20%;
-}
-#rightcolumn {
-    float: right;
-    width: 20%;
-}
-
-/* 1カラム設定 */
-#one_maincolumn {
-    margin: 0 auto;
-    width: 80%;
-}
-
-/* 2カラム設定 (メイン部が左) */
-#two_maincolumn_left {
-    padding-left: 1.5%;
-    float: left;
-    width: 78%;
-}
-
-/* 2カラム設定 (メイン部が右) */
-#two_maincolumn_right {
-    padding-right: 1.5%;
-    width: 78%;
-    float: right;
-}
-
-/* 3カラム設定 */
-#three_maincolumn {
-    padding-left: 0.5%;
-    width: 59%;
-    float: left;
+    clear: both;
 }
 
@@ -201 +206 @@
 /* フォーム
 ----------------------------------------------- */
+select {
+    border: solid 1px #ccc;
+}
 input[type='text'],
-input[type='password'],
-.select {
+input[type='password'] {
     border: solid 1px #ccc;
     padding: 2px;
@@ -246 +253 @@
 
 /* フォームが縦に重なり合う場合に併用する余白 */
-.top {
+.top { /* FIXME 簡素な単語は単独で使用しない */
     margin-bottom: 5px;
-}
-
-.ng_top {
-    margin-bottom: 0 !important;
 }
 
@@ -267 +270 @@
 }
 
-#one_maincolumn .sub_area h3,
-#two_maincolumn_right .sub_area h3,
-#two_maincolumn_left .sub_area h3,
-#three_maincolumn .sub_area h3,
+#main_column .sub_area h3,
 #undercolumn_login .login_area h3,
 #undercolumn_shopping h3,