Mercurial > hg > Members > nobuyasu > html > graphViewer
annotate css/viewer_form.css @ 2:e90546bb87e4 draft
mofidied traverseDisplay
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Wed, 20 Mar 2013 02:36:11 +0900 |
parents | 36959449f3b2 |
children | 810e406abb71 |
rev | line source |
---|---|
0 | 1 div.graphMainCss { |
2 background-color:#555; | |
3 } | |
4 div.header { | |
5 position:absolute; | |
6 left:0;top:0; | |
7 z-index:5; | |
8 height:50px; | |
9 width:100%; | |
10 background:#ddd; | |
11 background:-moz-linear-gradient(top,#fff,#ddd); | |
12 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); | |
13 color:silver; | |
14 font-size:40px; | |
15 } | |
16 div.footer { | |
17 position:fixed; | |
18 left:0; | |
19 bottom:0; | |
20 z-index:5; | |
21 height:50px; | |
22 width:100%; | |
23 background:#ddd; | |
24 background:-moz-linear-gradient(top,#fff,#ddd); | |
25 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); | |
26 color:black; | |
27 font-size:25px; | |
28 } | |
29 div.footer.up { | |
30 position:absolute; | |
31 left:0; | |
32 padding-left:10px; | |
33 bottom:50px; | |
34 z-index:5; | |
35 height:25px; | |
36 width:100px; | |
37 background:#ddd; | |
38 background:-moz-linear-gradient(top,#fff,#ddd); | |
39 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); | |
40 color:black; | |
41 opacity:0.7; | |
42 font-size:20px; | |
43 } | |
44 | |
45 label.relation { | |
46 position:relative; | |
47 top:10px; | |
48 margin-left:15px; | |
49 vertical-align:middle; | |
50 } | |
51 | |
52 input.relation_input { | |
53 | |
54 } | |
55 | |
56 div.graphNode { | |
57 position:absolute; | |
58 font-size:12px; padding:4px; background:white; | |
59 z-index:20; | |
60 width: 45px; | |
61 height: 40px; | |
62 border-radius:50px; | |
63 border:2px solid silver; | |
64 overflow:hidden; | |
65 cursor:pointer; | |
66 } | |
67 div.graphNodeContent { | |
68 position:absolute; | |
69 z-index:21; | |
70 font-size:12px; | |
71 background:white; | |
72 width: 50%; | |
73 height: 70%; | |
74 left: 10px; | |
75 top: 10px; | |
76 } | |
2
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
77 span.button{ |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
78 background:#eee; |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
79 background:-moz-linear-gradient(top,#fff,#ddf); |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
80 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddf)); |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
81 border:1px solid gray; |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
82 border-radius:4px; |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
83 text-align:center; |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
84 cursor:default; |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
85 } |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
86 span.button:hover{ |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
87 background:#bbb; |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
88 background:-moz-linear-gradient(top,#ccc,#aac); |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
89 background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#aac)); |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
90 } |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
91 span.button:active{ |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
92 background:#bbb; |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
93 background:-moz-linear-gradient(top,#bbb,#88b); |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
94 background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#88b)); |
e90546bb87e4
mofidied traverseDisplay
Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
parents:
0
diff
changeset
|
95 } |