source: branches/version-2_5-dev/html/install/css/admin_contents.css @ 20116

Revision 20116, 6.9 KB checked in by nanasess, 13 years ago (diff)
  • svn properties を再設定
  • 再設定用のスクリプト追加
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
Line 
1@charset "utf-8";
2
3* {
4    margin: 0;
5    padding: 0;
6}
7
8
9/* 上記による Fierfox 2 崩れ対応 */
10option {
11    margin-right: 0.5em;
12}
13
14html {
15    height: 100%;
16}
17
18body {
19    width: 100%;
20    height: 100%;
21    background: #fff;
22    font-family: "MS Pゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
23    font-size: 80%;
24    line-height: 120%;
25}
26
27option {
28    margin-right: 3px;
29    font-size: 100%;
30}
31
32input, textarea {
33    margin-right: 3px;
34    font-size: 100%;
35}
36
37select {
38    font-size: 100%;
39}
40select.top,
41input.top,
42textarea.top{
43    margin-bottom: 5px;
44}
45
46.page_rows{
47    margin-bottom:20px;
48}
49
50img {
51    border: 0;
52}
53
54ul, li {
55    list-style: none;
56}
57
58hr {
59    display: none;
60}
61
62/*テーブル設定*/
63table {
64    margin: 0 0 20px;
65    border-collapse: collapse;
66    width: 100%;
67    font-size: 100%;
68    text-align: left;
69}
70
71th, td {
72    padding: 5px;
73    border: 1px solid #ccc;
74}
75
76th {
77    width: 240px;
78    background: url('../img/table_back.png') repeat-x #f4f5f5;
79    font-weight: normal;
80    text-align: left;
81}
82
83.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
84    margin : 0px 0 60px 0;
85    padding: 20px 0;
86    clear: both;
87    width: 100%;
88    background:#f5f5f5;
89    text-align: center;
90}
91
92.contents-main .btn-area li, #popup .btn-area li ,.btn-area li{
93    margin-right: 10px;
94    display: inline;
95}
96
97
98/*通常ボタン*/
99.btn-normal, a.btn-normal:link, a.btn-normal:visited {
100    margin-right: 5px;
101    padding: 2px 10px;
102    border: solid 1px #bcbecb;
103    display: inline-block;
104    color: #444757;
105    background-image: url('../img/white-grad.png');
106    background-attachment: scroll;
107    background-clip: border-box;
108    background-color: #eee;
109    font-weight: normal;
110    font-size: 90%;
111    text-decoration: none;
112    white-space: nowrap;
113    cursor: pointer;
114
115    /* CSS3 radius */
116    border-radius: 5px;
117    /* Safari, Chrome radius */
118    -webkit-box-sizing: content-box;
119    -webkit-border-radius: 5px;
120    /* Firefox radius */
121    -moz-border-radius: 5px;
122    /* Safari, Chrome radius */
123    -webkit-box-sizing: content-box;
124    -webkit-border-radius: 5px;
125    /* Firefox radius */
126    -moz-border-radius: 5px;
127}
128
129/*動作ボタン*/
130.btn-action, a.btn-action:link, a.btn-action:visited {
131    padding: 5px 10px;
132    border: solid 1px #bcbecb;
133    display: inline-block;
134    color: #444757;
135    background: url('../img/white-grad04.png') top repeat-x #eee;
136    background-attachment: scroll;
137    background-clip: border-box;
138    font-weight: normal;
139    font-size: 80%;
140    text-decoration: none;
141    white-space: nowrap;
142    cursor: pointer;
143
144    /* CSS3 radius */
145    border-radius: 5px;
146    /* Safari, Chrome radius */
147    -webkit-box-sizing: content-box;
148    -webkit-border-radius: 5px;
149    /* Firefox radius */
150    -moz-border-radius: 5px;
151    /* Safari, Chrome radius */
152    -webkit-box-sizing: content-box;
153    -webkit-border-radius: 5px;
154    /* Firefox radius */
155    -moz-border-radius: 5px;
156}
157
158
159/*戻るボタン*/
160.btn-action .btn-prev {
161    padding: 0 0 0 20px;
162    display: inline-block;
163    background: url('../img/ico_prev.gif') left no-repeat;
164    font-weight: bold;
165    font-size: 114%;
166}
167
168
169/*進むボタン*/
170.btn-action .btn-next {
171    padding: 0 20px 0 0;
172    display: inline-block;
173    background: url('../img/ico_next.gif') right no-repeat;
174    font-weight: bold;
175    font-size: 114%;
176}
177
178a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
179    border: solid 1px #d5d7df;
180    color: #6d728b;
181}
182
183a.btn-tool-format:hover{
184    border: solid 1px #363a47;
185    color: #6b728b;
186}
187
188a.btn:active, a.btn-normal:active {
189    background-image: url('../img/white-grad-active.png');
190}
191
192
193/*LINK*/
194a:link {
195    color: #39c;
196    text-decoration: none;
197}
198
199a:visited {
200    color: #39c;
201    text-decoration: none;
202}
203
204a:hover {
205    color: #39c;
206    text-decoration: none;
207}
208
209.left {
210    text-align: left;
211}
212
213.center {
214    text-align: center;
215}
216
217.right {
218    text-align: right;
219}
220
221.attention {
222    color: #f00;
223}
224
225
226/* コンテンツ
227----------------------------------------------- */
228* html div#container {
229    position: relative;
230    height: 100%;
231    min-height: 100%;
232}
233
234body > #container {
235    height: auto;
236}
237
238#container {
239    position: relative;
240    min-height: 100%;
241}
242
243#contents {
244    padding: 20px 20px 100px;
245    width: 1000px;
246}
247
248
249/* インストールメッセージ
250----------------------------------------------- */
251#outside-admin {
252    margin:0 auto;
253    padding:0;
254    text-align:center;
255    width:100%;
256}
257
258#install-wrap {
259    margin:100px auto;
260    width: 560px;
261}
262
263#install-area {
264    width:560px;
265    text-align: left;
266
267}
268#install-area .contents {
269    width:560px;
270    background: url('../img/login_back_contents.gif') top left repeat-y;
271    text-align: left;
272}
273
274#install-wrap .logo {
275    padding-bottom: 5px;
276    float: right;
277}
278
279#install-area{
280    width: 558px;
281}
282#install-area .install-top {
283    clear: both;
284    width: 560px;
285    height: 10px;
286    background: url('../img/login_back_top.jpg') bottom left no-repeat;
287}
288
289#install-area .btn-area-top {
290    width: 560px;
291    height: 10px;
292    background: url('../img/login_back_btn_top.jpg') left no-repeat;
293}
294#install-area .btn-area ul {
295    padding: 20px 0 10px 0;
296    width: 560px;
297    text-align: center;
298    background: url('../img/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
299}
300#install-area .btn-area-bottom {
301    width: 560px;
302    height: 10px;
303    background: url('../img/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
304}
305#install-area .contents .block {
306    margin: 0 auto;
307    width: 520px;
308}
309#install-area .contents .message {
310    margin: 0 auto 0px auto;
311    padding: 5px 0;
312    width: 520px;
313    color:#444757;
314    font-size:100%;
315}
316#install-area .contents h2 {
317    margin: 0 auto 10px auto;
318    padding: 5px 0;
319    width: 520px;
320    color:#444757;
321    font-size:100%;
322    font-weight: bold;
323    border-bottom: solid 3px #ccc;
324}
325#install-area .contents .result-info01 {
326    margin: 0 auto 10px auto;
327    padding: 20px;
328    width: 480px;
329    background: #eee;
330    font-size: 86%;
331    font-weight: bold;
332    line-height:160%;
333}
334#install-area .contents .result-info02 {
335    margin: 0 auto;
336    padding-bottom: 30px;
337    width: 520px;
338}
339#install-area .contents .result-info02 p {
340    margin-bottom: 10px;
341}
342#install-area .contents .result-info02 p.action-message {
343    margin: 20px 0 0 0;
344    padding-bottom: 10px;
345    color:#444757;
346}
347.ex-text{
348    color: #7c7c7c;
349    font-size: 86%;
350}
351
352#install-area .contents .result-info01 .site-info-list li {
353    margin-bottom: 5px;
354    font-size: 120%;
355    font-weight: normal;
356}
357
358
359/* フォーム
360----------------------------------------------- */
361div.btn,p.remark {
362    margin: 0 0 20px 0;
363}
364
365/*FORM*/
366.box470 {
367    width: 470px;
368    height: 300px;
369}
370.box280 {
371    width: 280px;
372    height: 30px;
373}
374
375/*COLOR*/
376.red {
377    color: #f00;
378}
379
380/*FONT*/
381.bold {
382    font-weight:bold;
383}
384
385/* フロート解除 */
386.clearfix:after {
387    display:block;
388    clear:both;
389    height:0px;
390    line-height:0px;
391    visibility:hidden;
392    content:".";
393}
394
Note: See TracBrowser for help on using the repository browser.