Changeset 19965 for branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css

Timestamp:

2011/01/19 11:23:20 (13 years ago)

Author:

uemoto

Message:

#382(管理画面XHTMLに変更)

• 細部調整

File:

• branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css (modified) (53 diffs)

branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css

@@ -6 +6 @@
 }
 
+
 /* 上記による Fierfox 2 崩れ対応 */
 option {
@@ -18 +19 @@
     width: 100%;
     height: 100%;
-    line-height: 150%;
     background: #fff;
     font-family: "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
     font-size: 80%;
+    line-height: 150%;
 }
 
@@ -35 +36 @@
 
 select {
+    font-size: 100%;
+}
+select.top,
+input.top,
+textarea.top {
     margin-bottom: 5px;
-    font-size: 100%;
+}
+
+.page_rows{
+    margin-bottom:20px;
 }
 
@@ -57 +66 @@
     line-height: 30px;
     color: #444757;
-    background: url(../img/contents/subtitle_back_02.jpg) repeat-x;
+    background: url('../img/contents/subtitle_back_02.jpg') repeat-x;
     font-size: 130%;
 }
 
 h1 .title {
+    padding-top: 2px;
     padding-left: 20px;
-    background: url(../img/contents/subtitle_back.gif) no-repeat;
+    background: url('../img/contents/subtitle_back.gif') no-repeat;
 }
 
@@ -71 +81 @@
     border-bottom: 3px solid #ccc;
     color: #444757;
-    font-size: 110%;
-}
-
-h3, h4 {
     font-size: 100%;
 }
 
-/*em {
-    color: #f00;
-    font-style: normal;
-}*/
+h3{
+    margin-bottom: 20px;
+    padding: 5px;
+    color : #fff;
+    background: #999;
+    font-size: 90%;
+}
+
 
 /*テーブル設定*/
@@ -104 +114 @@
 
 table.list th {
-    background: url('../img/contents/table_back02.png') repeat-x #c1c1c1;
+    background: url('../img/contents/table_back.png') repeat-x #b4b4b4;
     text-align: center;
 }
@@ -110 +120 @@
 table.list th.column {
     background: url('../img/contents/table_back.png') repeat-x #f4f5f5;
-    text-align: center; 
+    text-align: left; 
 }
 
@@ -138 +148 @@
 }
 
-table.form thead th {
-    width: auto;
-    text-align: center;
-}
-
-.contents-main .btn-area, #popup .btn-area {
+table.form th {
+    width: 240px;
+    text-align: left;
+}
+
+table tr.last {
+    background: #e0e0e0;
+}
+
+#popup-container table th.column {
+    width: 200px;
+}
+
+.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
     margin : 0 0 60px 0;
     padding: 20px 0;
@@ -152 +170 @@
 }
 
-.contents-main .btn-area li, #popup .btn-area li {
+.contents-main .btn-area li, #popup .btn-area li ,.btn-area li{
     margin-right: 10px;
     display: inline;
 }
 
+.addnew{
+    margin-bottom: 20px;
+}
+
+
 /*通常ボタン*/
 .btn-normal, a.btn-normal:link, a.btn-normal:visited {
+    margin-right: 5px;
     padding: 2px 10px;
     border: solid 1px #bcbecb;
@@ -168 +192 @@
     background-color: #eee;
     font-weight: normal;
-    font-size: 100%;
+    font-size: 90%;
     text-decoration: none;
     white-space: nowrap;
@@ -187 +211 @@
 }
 
+
 /*ツールボタン 共通部分*/
 .btn-tool-format, a.btn-tool-format:link, a.btn-tool-format:visited {
@@ -199 +224 @@
     background-color: #c9cbcb;
     font-weight: bold;
-    font-size: 80%;
+    font-size: 90%;
     text-decoration: none;
     cursor: pointer;
@@ -217 +242 @@
 }
 
+
 /*ツールボタン コンテンツ*/
 .btn-tool, a.btn-tool:link, a.btn-tool:visited {
@@ -246 +272 @@
 }
 
+
 /*登録する・検索するボタン*/
 .btn-action, a.btn-action:link, a.btn-action:visited {
@@ -275 +302 @@
 }
 
+
 /*戻るボタン*/
 .btn-action .btn-prev {
@@ -284 +312 @@
 }
 
+
 /*進むボタン*/
 .btn-action .btn-next {
@@ -293 +322 @@
 }
 
-a.btn-normal:hover, a.btn-action:hover {
+a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
     border: solid 1px #d5d7df;
     color: #6d728b;
 }
 
+a.btn-tool-format:hover{
+    border: solid 1px #363a47;
+    color: #6b728b;
+}
+
 a.btn:active, a.btn-normal:active {
     background-image: url('../img/button/white-grad-active.png');
 }
 
-/*
-#contents ul {
-    margin: 0 0 0 2em;
-}*/
 
 /*LINK*/
@@ -338 +368 @@
     color: #f00;
 }
+
 
 /* ヘッダー
@@ -379 +410 @@
 }
 
+
 /* ヘッダーナビ
 ----------------------------------------------- */
-#navi-wrap {
-    width: 100%;
-    background: #dcdddd;
-}
-
 #navi {
     z-index: 90;
-    height: 33px;
+    height: 28px;
     background: url('../img/header/navi_back.jpg') top left repeat-x;
+    font-size: 100%;
+    line-height: 100%;
 }
 
 #navi li {
     background: url('../img/header/navi_back_line.jpg') no-repeat right;
-}
-
-#navi li, #navi li a, #navi li a span {
     display: block;
     float: left;
     cursor: pointer;
-}
-
-#navi li {
+    height: 28px;
     position: relative;
+}
+
+#navi li a, #navi li a span {
+    display: block;
+    _float: left;/*IE6対策*/
+    cursor: pointer;
 }
 
 #navi li a {
     color: #2d2f39;
+    height: 28px;
     font-weight: bold;
     text-decoration: none;
@@ -413 +444 @@
 
 #navi li a span {
-    height: 26px;
-    padding: 7px 8px 0;
-}
-
-#navi li a:hover, #navi li a:hover span, #navi li.on a, #navi li.on a span, #navi li.sfhover a, #navi li.sfhover a span {
-    background: url(../img/header/navi_on.jpg) left 0 repeat-x;
+    padding: 7px 10px;
+    _padding: 9px 10px 5px;/*IE6対策*/
+    height: 15px;
+    _height: 13px;/*IE6対策*/
+}
+
+#navi li a:hover {
+    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
+}
+
+#navi li a:hover span {
+    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
+}
+
+#navi li.on a {
+    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
+}
+
+#navi li.on a span {
+    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
+}
+
+#navi li.sfhover a {
+    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
+}
+
+#navi li.sfhover a span {
+    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
 }
 
 #navi li ul {
     position: absolute;
-    top: 31px;
+    top: 26px;
     left: -9999px;
-    clear: both;
     width: 14px;
     font-weight: normal;
-}
+    clear: both;
+}
+
 
 /*プルダウンメニュー 第1階層*/
-#navi li li, #navi li li a, #navi li li a span {
+#navi li li {
     display: block;
     top: 2px;
-    width: 189px;
-    height: 28px;
+    width: 180px;
+    height: 27px;
     line-height: 24px;
     color: #fff;
@@ -442 +496 @@
 }
 
+#navi li li a {
+    display: block;
+    top: 2px;
+    width: 180px;
+    height: 27px;
+    line-height: 24px;
+    color: #fff;
+    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
+    font-weight: normal;
+}
+
+#navi li li a span {
+    display: block;
+    top: 2px;
+    width: 180px;
+    height: 27px;
+    line-height: 24px;
+    color: #fff;
+    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
+    font-weight: normal;
+}
+
 #navi li li {
     border: solid #888;
@@ -476 +552 @@
 }
 
+
 /*プルダウンメニュー 第2階層*/
 #navi li ul.level2 {
     position: absolute;
-    top: 28px;
+    top: 27px;
     left: -9999px;
-    clear: both;
     width: 14px;
     font-weight: normal;
@@ -489 +565 @@
     margin-left: 0;
     display: block;
-    width: 189px;
+    width: 180px;
     top: 1px;
     height: 27px;
@@ -496 +572 @@
     background: #787878;
     font-weight: normal;
+    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
 }
 
 #navi li li li.sfhover a:hover {
-    width: 189px;
+    width: 180px;
     top: 1px;
     height: 27px;
@@ -507 +584 @@
 
 #navi li ul ul {
-    margin: -28px 0 0 189px;
-    _margin: -28px 0 0 194px;/*IE6応急 */
+    margin: -28px 0 0 180px;
+    _margin: -28px 0 0 187px;/*IE6応急 */
 }
 
@@ -518 +595 @@
     left: auto;
 }
+
 
 /*subnavi*/
@@ -541 +619 @@
     font-size: 71%;
 }
-.subnavi-on a{
+.subnavi-on a {
     padding: 6px 5px 4px 5px;
     display: block;
@@ -578 +656 @@
 }
 
+
 /* ページャ */
 #contents .pager ul {
@@ -601 +680 @@
     background: #fff5ee;
 }
+
 
 /* コンテンツ
@@ -620 +700 @@
 
 #contents {
-    padding: 20px 20px 40px;
+    padding: 20px 20px 100px;
     width: 1000px;
 }
 
 #footer {
+    margin-top: 30px;
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 40px;
-    background: url(../img/contents/footer_back.jpg) 0 0 repeat-x;
+    background: url('../img/contents/footer_back.jpg') 0 0 repeat-x;
 }
 
@@ -638 +719 @@
 }
 
-#footer #copyright{
+#footer #copyright {
     margin-left: 20px;
     float: left;
@@ -650 +731 @@
 }
 
+
 /* ログイン
 ----------------------------------------------- */
 #login {
-    width: 100%;
-    margin: 150px auto 0;
-    text-align: center;
-}
-
-#login-form-wrap {
-    width:556px;
-    height: 250px;
-    margin: 0 auto;
+    margin: 0 auto;
+    padding: 0;
+    width: 100%;
+    text-align: center;
+}
+
+#login-wrap {
+    margin: 150px auto 0;
     padding: 0;
     border: 0;
     text-align: left;
+    width:556px;
     z-index: 2;
     background: url('../img/contents/admin_login_bg.jpg') center top repeat-x;
     -moz-box-shadow: 0 0 5px #000;/* Firefox */
     -webkit-box-shadow: 0 0 5px #000;/* Safari and Chrome */
-    box-shadow: 0 0 5px #000;/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
-    behavior: url('ie-css3.htc');
-}
-
-#login-form {
-    width: 556px;
 }
 
 #login-form h1 {
-    margin-top: 46px;
+    margin: 46px auto 20px;
     padding-left: 50px;
+    padding-bottom: 40px;
     border: none;
     float: left;
@@ -697 +774 @@
     margin-top: 10px;
     color: #fff;
-    font-size: 80%;
+    font-size: 100%;
 }
 
@@ -705 +782 @@
 
 #login #copyright {
-    color: #000;
-    font-size: 87%;
-    padding-top: 30px;
-    text-align: center;
-}
+    margin: 0 auto;
+    padding-top: 10px;
+    width: 556px;
+    color: #000000;
+    font-size: 80%;
+    text-align: left;
+}
+
 
 /* エラーメッセージ
 ----------------------------------------------- */
-#login-error-wrap {
+#error-wrap {
+    margin: 150px auto 0;
     width: 100%;
-    height: 100%;
-}
-
+    text-align: center;
+}
 #error-wrap #error .logo {
     padding-bottom: 5px;
@@ -724 +804 @@
 
 #error {
-    margin: -126px 0 0 -279px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
+    margin: 0 auto;
     width: 560px;
 }
@@ -769 +846 @@
     background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
 }
+
 
 /* 完了メッセージ
@@ -822 +900 @@
 }
 
+
 /* メインページ
 ----------------------------------------------- */
@@ -871 +950 @@
 }
 
+
 /* 基本情報管理
 ----------------------------------------------- */
@@ -890 +970 @@
 }
 
+
 /* 商品管理
 ----------------------------------------------- */
@@ -895 +976 @@
     float: left;
     width: 285px;
+    min-height: 200px;
 }
 
@@ -905 +987 @@
 }
 
+#contents-filemanager-tree #tree {
+    float: left;
+    min-height: 200px;
+}
+
 #products-category-left, #products-rank-left {
+    min-height: 200px;
     padding: 10px;
     border: 3px solid #ddd;
@@ -917 +1005 @@
     border: 1px solid #ccc;
 }
+
+#products .class-payment {
+    padding-top: 15px;
+    font-size: 88%;
+}
+#products label {
+    white-space: nowrap;
+}
+#products .list-info{
+    padding-top: 10px;
+    border-top: solid 1px #ccc;
+}
+#products .list-info .btn {
+    float: left;
+    margin-right:20px;
+}
+#products .list-info p {
+    float: right;
+    color: #444757;
+}
+
 
 /* 受注管理
@@ -925 +1034 @@
 }
 
+
 /* 期間別集計
 ----------------------------------------------- */
@@ -931 +1041 @@
 }
 
+
 /* デザイン管理
 ----------------------------------------------- */
 /* レイアウト設定 */
-
 .design-layout {
     table-layout: fixed;
@@ -968 +1078 @@
     border: 1px solid #000;
     color: #333;
-    background: c3d9ff;
+    background: #eee;
     font-size: 100%;
-    text-align: center;
 }
 
@@ -986 +1095 @@
 }
 
+
+/* コンテンツ管理
+----------------------------------------------- */
+#contents-csv-sqltbl {
+    margin-bottom: 40px;
+}
+
+
 /* フォーム
 ----------------------------------------------- */
-div.btn, p.remark {
+div.btn,p.remark {
     margin: 0 0 20px 0;
-}
-
-.addbox {
-margin-top: 5px;
 }
 
@@ -1030 +1143 @@
 
 .box40 {
-    width: 292px;
+    width: 276px;
 }/*W40*/
 
@@ -1150 +1263 @@
 }
 
-/*
-** Markup free clearing
-** Details: http://www.positioniseverything.net/easyclearing.html
-*/
-.clear-block:after {
-    display: block;
-    clear: both;
-    height: 0;
-    visibility: hidden;
-    content: ".";
-}
-
-.clear-block {
-    display: inline-block;
-}
-
-/* Hides from IE-mac \*/
-* html .clear-block {
-    height: 1%;
-}
-.clear-block {
-    display: block;
-}
-
-/* End hide from IE-mac */
+
+/*FONT*/
+.bold {
+    font-weight:bold;
+}
+
+
+/* フロート解除 */
+.clearfix:after {
+    display:block;
+    clear:both;
+    height:0;
+    line-height:0;
+    visibility:hidden;
+    content:".";
+}
+
 
 /* 権限 */
@@ -1193 +1298 @@
 }
 
+
 /* DnD並び替え系の設定 */
 tr.movingHandle td {
     background-color: #eee;
 }
+
 
 .dragHandle { /* ハンドルの設定 */
@@ -1204 +1311 @@
 }
 
+
 .activeHandle { /* アクティブハンドルの設定 */
     color: #f9a406;
 }
+
 
 table.layout, table.layout th, table.layout td {
@@ -1216 +1325 @@
 }
 
+
 /* ログ表示用 */
 .log td {
@@ -1226 +1336 @@
     white-space: nowrap;
 }
+
 
 /* ポップアップ画面用 */
@@ -1249 +1360 @@
     width: 560px;
 }
+