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

Revision 18900, 13.1 KB checked in by Seasoft, 13 years ago (diff)

#845(管理画面のテンプレートをフロントから分離する)

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