source: branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css @ 19770

Revision 19770, 14.3 KB checked in by nanasess, 13 years ago (diff)
  • #793(非推奨機能の削除)
    • 未使用 tpl ファイルを削除
  • #382(管理画面XHTMLに変更)
    • デザイン性を柔軟にするため, button タグを a タグに変更
Line 
1@charset "utf-8";
2
3* { margin: 0; padding: 0; }
4
5/* 上記による Fierfox 2 崩れ対応 */
6option {
7    margin-right: 0.5em;
8}
9
10html {height: 100%;}
11body {
12    font-size: 80%;
13    font-family:"MS Pゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
14    background: #FFFFFF;
15    min-width: 800px;
16    height: 100%;
17    line-height: 150%;
18}
19body#popup {
20    min-width: 0px;
21    padding: 10px;
22    height: auto;
23}
24input,select,option,textarea {
25    font-size: 1em;
26}
27img {
28    border: 0;
29}
30h1 {
31    background: url(../img/contents/subtitle_back.gif) 0 0 repeat-y #818287;
32    border-top: 1px solid #666666;
33    height: 30px;
34    line-height: 30px;
35    color: #FFFFFF;
36    font-size: 1.2em;
37    text-indent: 20px;
38}
39h2 {
40    font-size: 1.2em;
41    border-bottom: 3px solid #CCCCCC;
42    margin: 0 0 10px 0;
43    padding: 3px 0;
44    color: #DD7010;
45}
46h3, h4 {font-size: 1em;}
47em {color: #FF0000;font-style: normal;}
48
49table {
50    font-size: 1em;
51    border-collapse: collapse;
52    width: 100%;
53    margin: 0 0 20px;
54}
55th, td {padding: 5px;border:1px solid #CCCCCC;}
56th {background: #f2f1ec;font-weight:normal;text-align:left;}
57
58table.list th { text-align: center; }
59table.list th.left { text-align: left; }
60table.list th.right { text-align: right; }
61table.list td.id,
62table.list td.thumbnail {
63    text-align: center;
64}
65table.list td.menu {
66    text-align: center;
67    vertical-align: middle;
68}
69table.form thead th { text-align: center; width: auto; }
70
71a.btn_normal,
72a.btn_normal:link {
73    color: #000;
74    text-decoration: none;
75    background-attachment: scroll;
76    background-clip: border-box;
77    background-color: #eee;
78    background-image: url('../img/button/white-grad.png');
79    background-origin: padding-box;
80    padding: 5px;
81    white-space: nowrap;
82    border: solid 1px #999;
83    cursor: pointer;
84    font-size: 12px;
85    font-weight: normal;
86
87    /* CSS3 radius */
88    border-bottom-left-radius: 5px 5px;
89    border-bottom-right-radius: 5px 5px;
90    border-top-left-radius: 5px 5px;
91    border-top-right-radius: 5px 5px;
92
93    /* Safari, Chrome radius */
94    -webkit-box-sizing: content-box;
95    -webkit-border-radius: 5px;
96
97    /* Firefox radius */
98    -moz-border-radius: 5px;
99}
100
101a.btn_normal:hover {
102    border: solid 1px #666;
103}
104
105a.btn_normal:active {
106    background-image: url('../img/button/white-grad-active.png');
107}
108
109#contents ul {margin: 0 0 0 2em;}
110
111/*LINK*/
112a:link { color: #006699; text-decoration: none; }
113a:visited { color: #006699; text-decoration: none; }
114a:hover { color: #f9a406; text-decoration: underline; }
115
116.left { text-align: left; }
117.center { text-align: center; }
118.right { text-align: right; }
119
120.attention { color: #FF0000; }
121
122
123/* ヘッダー
124----------------------------------------------- */
125#header {
126    position: relative;
127    z-index: 9999;
128    width: 100%;
129    height: 50px;
130    margin: 0;
131    padding: 0;
132    background: url(../img/header/header_back.jpg) 0 0 repeat-x;
133}
134#logo {position: absolute; top: 0; left: 0;}
135#header p {
136    color: #FFFFFF;
137    position: absolute;
138    top: 25px;
139    right: 10px;
140    text-align: right;
141}
142#header p span {font-weight:bold;}
143#sites {
144    position: absolute;
145    top: 5px;
146    right: 10px;
147    list-style: none;
148}
149#sites li {float:right;}
150#header p a, #sites a {color: #99CC33;padding: 0 8px;border-left: 1px solid #FFFFFF;}
151#siteswitch {
152    position: absolute;
153    left: 240px;
154    height: 50px;
155    line-height: 50px;
156}
157#siteswitch label { color: #FFFFFF; }
158
159
160/* ヘッダーナビ
161----------------------------------------------- */
162#navi, #navi li {
163    height: 30px;
164    background: url(../img/header/navi_back.jpg) 0 0 repeat-x;
165    z-index:90;
166}
167#navi li, #navi li a, #navi li a span {
168    line-height: 30px;
169    display: block;
170    float: left;
171    white-space: nowrap;
172}
173#navi li {
174    position: relative;
175    border-right: 1px solid #999999;
176    border-left: 1px solid #FFFFFF;
177}
178#navi li a {
179    color: #333355;
180    font-weight: bold;
181    text-decoration: none;
182}
183#navi li a span {padding: 0 8px;}
184#navi li a:hover {background: url(../img/header/navi_on.jpg) left 0 repeat-x;}
185#navi li a:hover span {background: url(../img/header/navi_on_right.jpg) right 0 no-repeat;}
186#navi li.on a {background: url(../img/header/navi_on.jpg) left 0 no-repeat;}
187#navi li.on a span {background: url(../img/header/navi_on_right.jpg) right 0 no-repeat;}
188#navi li.sfhover a {background: url(../img/header/navi_on.jpg) left 0 repeat-x;}
189#navi li.sfhover a span {background: url(../img/header/navi_on_right.jpg) right 0 no-repeat;}
190
191#navi li ul {
192    position: absolute;
193    top: 30px;
194    left: -999em;
195    height: auto;
196    width: 14.4em;
197    font-weight: normal;
198    clear: both;
199    z-index: 100;
200}
201#navi li li, #navi li li a, #navi li li a span {
202    width: 14.4em;
203    height: 2em;
204    line-height: 2em;
205    display: block;
206    background: #DDEEEE;
207    padding: 0;
208}
209#navi li li {border: solid #AAAAAA;border-width: 0 1px 1px;}
210#navi li li a span {text-indent: 8px;}
211#navi li li a:hover { background: #AACCCC; }
212#navi li li a:hover span { background: #AACCCC;}
213#navi li.on li a, #navi li.on li a span, #navi li li.on a, #navi li li.on a span { background: transparent; }
214#navi li.sfhover li a, #navi li.sfhover li a span, #navi li li.sfhover a, #navi li li.sfhover a span { background: transparent; }
215#navi li.sfhover li a:hover, #navi li li.sfhover a:hover { background: #AACCCC; }
216
217#navi li ul ul {
218    margin: -1.75em 0 0 14.5em;
219}
220#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
221    left: -999em;
222}
223#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul,
224#navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
225    left: auto;
226}
227
228
229/*subnavi*/
230.subnavi a{
231    background-color: #818287;
232    width:140px;
233    padding: 6px 5px 4px 5px;
234    color:#ffffff;
235    text-decoration:none;
236    display:block;
237}
238.subnavi a:visited {
239    color:#ffffff;
240    text-decoration:none;
241}
242.subnavi a:hover {
243    background-color: #b7b7b7;
244    color:#000000;
245    text-decoration:none;
246}
247.subnavi_text {
248    font-size: 71%;
249    padding: 0 0 0 8px;
250}
251.subnavi-on a{
252    background-color: #b7b7b7;
253    width:140px;
254    padding: 6px 5px 4px 5px;
255    color:#000000;
256    text-decoration:none;
257    display:block;
258}
259.subnavi-on a:visited {
260    color:#000000;
261    text-decoration:none;
262}
263.subnavi-on a:hover {
264    background-color: #b7b7b7;
265    color:#000000;
266    text-decoration:none;
267}
268.number-on a:visited {
269    color:#ffffff;
270    text-decoration:none;
271}
272.number a:visited {
273    color:#ffffff;
274    text-decoration:none;
275}
276
277#agreement{
278    height: 120px;
279    width: 480px;
280    overflow: auto;
281    margin: 0px;
282    background-color : #FFFFFF;
283    border-style: solid;
284    border-color: #C0C0C0;
285    border-width: 1px
286}
287/* ページャ */
288#contents .pager ul {list-style-type: none;margin: 10px 0;}
289.pager li {display: inline;}
290.pager li a {border: 1px solid #CCCCCC;padding: 3px 5px;}
291.pager li.on a {background: #f2f1ec;border: 1px solid #333333;}
292.pager li a:hover, .pager li.on a:hover {background: #FFF5EE;}
293
294
295/* コンテンツ
296----------------------------------------------- */
297* html div#container{
298    height:100%;
299}
300body > #container {
301    height: auto;
302}
303#container {
304    position: relative;
305    min-height: 100%;
306}
307
308#contents {padding: 20px 20px 8em;}
309
310#footer {
311    position: absolute;
312    bottom: 0px;
313    width: 100%;
314    height: 7em;
315    text-align: right;
316    background: #EEEEEE;
317    border-top: 1px solid #CCCCCC;
318}
319
320/* ログイン
321----------------------------------------------- */
322#login-main {
323    height: 250px;
324    width: 556px;
325    position: absolute;
326    left: 50%;
327    top: 50%;
328    margin: -125px 0 0 -278px;
329    padding: 36px 0 0 0;
330    background: url(../img/contents/admin_login_top.jpg) center top no-repeat;
331    color: #FFFFFF;
332}
333#login-main form {
334    width: 556px;
335    height: 172px;
336    background: url(../img/contents/admin_login_back.jpg) center top repeat-x;
337}
338#login-main h1 {
339    background: url(../img/contents/admin_login_logo.jpg) 0 0 no-repeat;
340    border: none;
341    text-indent: -9999em;
342    width: 230px;
343    height: 172px;
344    float:left;
345}
346#login-main #login-form {
347    width: 310px;
348    height: 172px;
349    float: right;
350    background: url(../img/contents/admin_login_right.jpg) right 0 no-repeat;
351}
352#login-main label {display:block;}
353#login-main input {margin-bottom: 10px;}
354#login-main #login-address {
355    clear:both;
356    width: 556px;
357    height: 42px;
358    line-height: 42px;
359    text-align: center;
360    background: url(../img/contents/admin_login_bottom.jpg) center bottom no-repeat;
361}
362
363#login-error {
364    width: 500px;
365    height: 200px;
366    position: absolute;
367    left: 50%;
368    top: 50%;
369    margin: -125px 0 0 -278px;
370    padding: 25px 28px;
371    border: 3px solid #666666;
372    text-align:center;
373}
374
375
376/* メインページ
377----------------------------------------------- */
378#home-main {margin-right: 300px;}
379#home-main table {width: 100%;}
380* html #home-main table {width: 99%;}
381
382#home .shop-info {margin: 0 0 20px;}
383#home .shop-info td {text-align:right;width: 60%;}
384
385#home-info {width: 280px;float: right;border-left: 1px solid #CCCCCC;}
386
387.home-info-item {width: 260px;margin: 0 0 15px 20px;font-size: 0.8em;line-height: 1.4em;}
388.home-info-item .body {margin: 5px 0 0 0;}
389.home-info-item .date {background: #DDDDDD;padding: 5px 10px 0px;}
390.home-info-item .title {background: #DDDDDD;padding: 0px 10px 5px;}
391
392
393/* 商品管理
394----------------------------------------------- */
395#products-category-left, #products-rank-left {float:left;width:20em;}
396#products-category-right, #products-rank-right {margin-left: 22em;}
397#products-class-list .action {width: 100px;}
398
399
400/* 受注管理
401----------------------------------------------- */
402/* ステータス管理 */
403#order-status-list th.id {width: 40px;}
404
405/* 期間別集計
406----------------------------------------------- */
407#graph-image {
408    margin: 0 0 20px 0;
409}
410
411/* デザイン管理
412----------------------------------------------- */
413/* レイアウト設定 */
414
415.design-layout {
416    table-layout: fixed;
417}
418.design-layout th,
419.design-layout td {
420    vertical-align: top;
421    text-align: center;
422}
423#design-layout-used {
424    width: 525px;
425}
426#design-layout-unused {
427    width: 175px;
428}
429.design-layout #LeftNavi,
430.design-layout #MainHead,
431.design-layout #RightNavi {
432    width: 33.33%;
433}
434.design-layout #TopNavi,
435.design-layout #HeadNavi,
436.design-layout #HeaderTopNavi,
437.design-layout #LeftNavi,
438.design-layout #MainHead,
439.design-layout #MainFoot,
440.design-layout #RightNavi,
441.design-layout #BottomNavi,
442.design-layout #FooterBottomNavi,
443.design-layout #HeaderInternalNavi,
444.design-layout #Unused {
445    padding-bottom: 20px;
446    height: 10px; /* IE6応急処置 */
447}
448.design-layout div.sort {
449    border:     1px solid black;
450    background: rgb(195,217,255);
451    color:      #333;
452    padding:    5px 2px;
453    margin:     5px 0;
454    font-size:  10pt;
455    text-align: center;
456}
457.design-layout .anywherecheck {
458    white-space: nowrap;
459}
460.placeholder {
461    border: 1px dashed #AAA;
462    height: 20px;
463}
464#layout-header {
465    vertical-align: middle;
466}
467
468/* フォーム
469----------------------------------------------- */
470div.btn,
471p.remark {
472    margin: 0 0 20px 0;
473}
474
475/*FORM*/
476.box3 { width: 33px; }  /*W3*/
477.box6 { width: 54px; }  /*W6*/
478.box10 { width: 82px; } /*W10*/
479.box20 { width: 152px; }    /*W20*/
480.box25 { width: 187px; }    /*W25*/
481.box30 { width: 222px; }    /*W30*/
482.box33 { width: 243px; }    /*W33*/
483.box35 { width: 257px; }    /*W35*/
484.box40 { width: 292px; }    /*W40*/
485.box45 { width: 341px; }    /*W45*/
486.box50 { width: 362px; }    /*W50*/
487.box52 { width: 376px; }    /*W52*/
488.box54 { width: 390px; }    /*W54*/
489.box60 { width: 432px; }    /*W60*/
490.box65 { width: 467px; }    /*W65*/
491.box68 { width: 488px; }    /*W68*/
492.box76 { width: 544px; }    /*W76*/
493
494.area40 { width: 302px; height: 134px; }    /*W40×H8*/
495.area45 { width: 337px; height: 290px; }    /*W40×H20*/
496.area46 { width: 337px; height: 134px; }    /*W40×H8*/
497.area50 { width: 372px; height: 82px; } /*W50?H4*/
498.area55 { width: 407px; height: 82px; } /*W50?H4*/
499.area59 { width: 432px; height: 134px; }    /*W59×H8*/
500.area60 { width: 433px; height: 134px; }    /*W60?H8*/
501.area61 { width: 433px; height: 82px; } /*W60?H4*/
502.area65 { width: 444px; height: 290px; }    /*W65×H20*/
503.area70 { width: 512px; height: 186px; }    /*W70?H12*/
504.area75 { width: 547px; height: 186px; }    /*W75?H12*/
505.area80 { width: 572px; height: 134px; }    /*W80×H8*/
506.area90 { width: 650px; height: 420px; }
507.area96 { width: 694px; height: 420px; }    /*W80×H30*/
508.area96_2 { width: 694px; height: 160px; }  /*W80×H10*/
509.area99 { width: 715px; height: 523px; }    /*W99?H40*/
510
511/*COLOR*/
512.red { color: #ff0000; }
513
514/*
515** Markup free clearing
516** Details: http://www.positioniseverything.net/easyclearing.html
517*/
518.clear-block:after {
519    content: ".";
520    display: block;
521    height: 0;
522    clear: both;
523    visibility: hidden;
524}
525
526.clear-block {
527  display: inline-block;
528}
529
530/* Hides from IE-mac \*/
531* html .clear-block {
532    height: 1%;
533}
534.clear-block {
535    display: block;
536}
537/* End hide from IE-mac */
538
539/* 権限 */
540x-dummy
541,.authority_1 #navi-basis-masterdata
542,.authority_1 #navi-contents-file
543,.authority_1 #navi-design-bloc
544,.authority_1 #navi-design-template
545,.authority_1 #navi-design-add
546,.authority_1 #navi-system
547,.authority_1 #navi-ownersstore
548{
549    /* display: none; --- IE で不具合 */
550    height: 0;
551    width: 0;
552    overflow: hidden;
553    border: none;
554    visibility: hidden;
555}
556
557/* DnD並び替え系の設定 */
558tr.movingHandle td {
559    background-color: #EEE;
560}
561.dragHandle { /* ハンドルの設定 */
562    text-align: center;
563    font-weight: bold;
564    cursor: n-resize;
565}
566.activeHandle { /* アクティブハンドルの設定 */
567    color: #F9A406;
568}
569
570table.layout,
571table.layout th,
572table.layout td {
573    border: none;
574    margin: 0;
575    padding: 0;
576    width: auto;
577    vertical-align: top;
578}
579
580/* ログ表示用 */
581.log td {
582    padding-top: 0;
583    padding-bottom: 0;
584    vertical-align: top;
585}
586.log .date {
587    white-space: nowrap;
588}
Note: See TracBrowser for help on using the repository browser.