This repository has been archived by the owner on Jan 16, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
graph.css
executable file
·136 lines (123 loc) · 9.97 KB
/
graph.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/* Body style */
body { text-align: center; font-size:13px; font-family: Helvetica; }
br.clear { clear:both; }
.leftMargin { padding-left: 230px; }
.leftCol { width: 30%; min-width: 300px; position: relative; float: left; }
.rightCol { width: 33%; min-width: 440px; position: relative; float: left; }
.loading { float:left; padding:3px; }
.loading-text { padding:7px; margin-top:3px; margin-left: 20px; display:block; }
/* Links */
a:link { text-decoration: none; color:#711; }
a:visited { color: #711; }
a:hover { text-decoration: underline; color: #c51; }
a.menuLink { text-decoration: none; color:#ddd; }
a.menuLink:hover { color:#f4f4f4; }
/* Header */
div#header { background: rgb(72, 72, 72); background: rgba(72, 72, 72, 0.8);}
div#header { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8666666, endColorstr=#C0666666); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0F0F0F0, endColorstr=#C0F0F0F0)"; }
div#header { width: 100%; min-width: 950px; position:fixed; z-index:2; border-bottom: solid 2px #921; }
div#logo { display:none;height:120px; margin-left:100px; }
div#logo img { position:relative; float:left; }
div#title { padding-left: 20px; position:relative; float:left; }
div#title h1 { color: #ccc; font-family: georgia, serif; font-weight: normal; font-size: 7em; }
div#title h3 { color: #ccc; text-align:left; font-size:1.3em; font-weight:normal; padding-left:5px; margin-top:-5px; }
div#menu { height: 24px; padding-top:12px; }
div#menu h1 { float: left; margin-left: 50px; width: 150px; font-size: 1.5em; margin-top: -4px; color: #AAA; font-family: georgia; }
div#menu ul#menulist { display: block; height:24px; padding-left:30px; }
div#menu li { cursor:move; position: relative; float: left; font-size:15px; margin-right: 30px; padding-left: 2px; margin-top: -1px; list-style: none; ; line-height: 1em; }
div#menu li:hover { color: #eee; }
div#menu .currentInfo { font-weight:bold; }
div#searchitem { text-align:left; color:#ddd; padding-bottom:4px; line-height: 1em; float:right; }
div#searchitem input { width:140px; border: 1px solid #333; margin-top:-5px; padding-left:2px; height:24px; }
div#searchitem label { font-size: 15px; padding-right: 3px; }
div#searchitem span { display:none; margin-left: 10px; font-size:14px; }
/* Content */
div#content { min-width:1000px; }
/* Description */
div.desc { background: rgb(0, 0, 0); background: rgba(248, 248, 248, 0.8);}
div.desc { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8F0F0F0, endColorstr=#C0F0F0F0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0F0F0F0, endColorstr=#C0F0F0F0)"; }
div.desc { width: 100%; height:160px; text-align:left; z-index:10; position:fixed; top:38px; border-bottom: 2px solid #921; display:none; }
div.desc p { padding-top: 8px; min-width: 500px; margin-right:60%; }
/* Legend */
div.legend { position:relative; float:left; height: 160px; margin-right: 30px; }
h2.legend { font-size:1.2em; margin-top:8px; }
li.legend { margin-left:-25px; padding:5px 25px; width:200px; }
li.legend.node { background: url(img/node.png) no-repeat left center; }
li.legend.selected { background: url(img/selected.png) no-repeat left center; }
li.legend.currently { background: url(img/current.png) no-repeat left center; }
li.legend.search { background: url(img/searchresult.png) no-repeat left center; }
li.legend.move { background: url(img/icons/move.png) no-repeat left center; }
li.legend.zoom { background: url(img/icons/zoom.png) no-repeat left center; }
li.legend.add { background: url(img/icons/calendar.png) no-repeat left center; }
li.legend.remove { background: url(img/icons/remove.png) no-repeat left center; }
li.legend.expand { background: url(img/icons/expand.png) no-repeat left center; }
li.legend.download { background: url(img/icons/download.png) no-repeat left center; }
/* Graph */
div#graph { height:100%; cursor:move; width:100%; position: fixed; left:0; top:0; z-index:1; float: left; text-align:left; }
div#infowrap { width:600px; z-index:3; position:fixed; bottom:10px; left:10px; }
div#info { display:none; z-index:3; color:#eee; padding:5px 10px; border-radius:5px; -moz-border-radius:5px; }
div#info { background: rgb(72, 72, 72); background: rgba(72, 72, 72, 0.9);}
div#info { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8666666, endColorstr=#C8666666); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0F0F0F0, endColorstr=#C0F0F0F0)"; }
/* The box that appears when you click on a paper */
div#clickwrap { display:none; position:fixed; z-index:2; left:200px; top:300px; background: url(img/pointer6.png) no-repeat left top; padding:7px 0; margin-left:-7px; margin-top:12px; }
div#clickbox { height:28px;}
div#clickbox { background: rgb(240, 240, 240); background: rgba(240, 240, 240, 0.8); margin-left:-6px; }
div#clickbox { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8eeeeee, endColorstr=#C0eeeeee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0F0F0F0, endColorstr=#C0F0F0F0)"; }
div.click { width:28px; height:25px; position:relative; float:left; border: solid 1px #555; margin-left:-1px; }
div.click:hover { background: rgb(250, 250, 250); background: rgba(220, 220, 220, 0.9); cursor:pointer; }
div.click img { margin-top:4px; }
p.ii { text-align:left; }
p#infoTitle { font-size: 1.1em; }
p#infoAuthors { font-style: italic; }
p#infoTime { float:right; font-style:italic; }
p#infoRoom { float:right; font-style:italic; }
p#infoAbstract { margin-top:3px; }
/* List */
div#list { position:absolute; right:10px; top:40px; z-index:1; float:left; width:293px; margin:10px 0; text-align: left; }
div#list select p { display:none; }
div.move { height: 160px; display:none; }
div.info { display:none; margin: 5px -5px 3px 0; border-bottom:solid 1px #999; height:55px; }
div.info h2 { font-size: 17px; text-align: center; background-color: #666; color: #DDD; padding: 5px; border: solid 1px #333; }
div.info span { background: rgb(240, 240, 240); background: rgba(240, 240, 240, 0.8);}
div.info span { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8eeeeee, endColorstr=#C0eeeeee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0F0F0F0, endColorstr=#C0F0F0F0)"; }
div.info span { border-left: solid 1px #999; width: 50%; display: block; float: left; text-align: center; position:relative; z-index:2; padding: 5px 0; height: 16px; }
span.downpdf { margin-right:-1px; }
span.removeall { border-right: solid 1px #999; margin-left:-2px; margin-right:-1px; }
div.info span img { margin-right: 10px; margin-bottom: -4px; margin-left: -20px; }
select.asmSelect { display:none; }
ol.asmList { margin: 0.25em 0 1em 0; position: relative; display: block; list-style: none; }
li.asmListItem.dark { background: rgb(226, 226, 226); background: rgba(226, 226, 226, 0.8);}
li.asmListItem.dark { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8e0e0e0, endColorstr=#C0e0e0e0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0e0e0e0, endColorstr=#C0F0F0F0)"; }
li.asmListItem { background: rgb(246, 246, 246); background: rgba(246, 246, 246, 0.8);}
li.asmListItem { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8f5f5f5, endColorstr=#C0f5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0F0F0F0, endColorstr=#C0F0F0F0)"; }
li.asmListItem { position: relative; list-style: none; border: 1px solid #aaa; width: 100%; margin: 0 0 -1px 0; line-height: 1em; }
li.asmListItem { border-left:2px solid #099; padding-left:2px; }
li.asmListItem:hover { background-color: #fafafa; }
li.asmListItem.current { background-color: #faeaea; border-left:4px solid #921; padding-left:0px; }
span.asmListItemLabel { height:26px; padding: 5px; display: block; }
span.asmListItemLabel img { position:relative; float: left; margin-top:5px; margin-right:8px; padding-left:2px; }
img.imgtitle { padding-top: 6px; padding-left:2px; }
img.imgauthors { padding-left:2px; }
img.imgdownload { padding-left:2px; }
img.imgpresentation { padding-top:2px; }
span.asmListItemLabel p { position:relative; float: left; width:230px; }
a.asmListItemRemove { position: absolute; right: 0; top: 6px; padding: 5px; }
a.asmListItemExpand { position: absolute; right: 22px; top: 5px; padding: 5px; }
ul.infoList { position: relative; display: block; padding-left:0; margin: 10px 0 10px 10px; list-style: none; }
li.infoItem { position: relative; padding-left: 2px; list-style: none; border-bottom: 1px solid #ddd; width: auto; margin: 0 5px -1px 0; line-height: 1em;clear:both; }
span.img { position: relative; padding: 4px 0; float: left; width: 10%; }
span.info { position: relative; padding: 5px 0; float: left; width: 90%; }
div.scheduleSelect { height:24px; display:none; background-color; border: thin solid #999; margin-top: -4px; margin-right: -5px; padding-left: 35px; }
div.scheduleSelect p { float:left; padding-top:5px; padding-left:15px; }
div.scheduleSelect p.click { text-decoration: none; color:#721; cursor:pointer; }
div.scheduleSelect { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);}
div.scheduleSelect { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C0ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0FFFFFF, endColorstr=#C0FFFFFF)"; }
/* Graph style */
circle { cursor: pointer; }
circle.node { fill: #ffbf44; stroke: #ffd; stroke-width: 1.5px; }
circle.selected { fill: #099; stroke: #dff; }
circle.current { fill: #802b00; stroke: #fdd; }
circle.search { stroke:#555; stroke-width:3px; }
line.link { stroke: #999; stroke-opacity: .6; }
line.selected { stroke: #099; stroke-opacity: .7; }
line.current { stroke: #b21; stroke-opacity: .9; }