source: branches/comu-ver2/html/user_data/packages/default/css/admin_contents.css @ 17871

Revision 17871, 12.6 KB checked in by theuri, 15 years ago (diff)

今後追加予定のドラッグ&ドロップで操作する系の共通CSSを追加。

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