-
Notifications
You must be signed in to change notification settings - Fork 2
/
seh.css
129 lines (129 loc) · 10.8 KB
/
seh.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
body { font: normal normal 14px/1.3 Arial, Helvetica, sans-serif; margin:0; padding:0; }
canvas { position:absolute; z-index:100; top:0; }
a img { border:0 none; }
sup { line-height:1px; vertical-align:4px; }
span[title]:hover { }
#canvas-wrap { position:absolute; overflow:hidden; top:0; width:100%; height:4000px; background-color:#000; }
.infoBox { font:inherit; border: 5px double #000; border-radius: 4px; background:#f7f7f7; background: -moz-linear-gradient(135deg, #f7f7f7 0%, #fcfcfc 10%, #fff 100%); background: -webkit-linear-gradient(135deg, #f7f7f7 0%, #fcfcfc 10%, #fff 100%); background: linear-gradient(-45deg, #f7f7f7 0%, #fcfcfc 10%, #fff 100%); margin:0; padding: 4px; position: absolute; width:400px; height:auto; overflow:visible; z-index:121; opacity:0; transition:.6s ease-in opacity; }
.infoBox > .detail { display:block; position:absolute; z-index:1000; background: rgba(247,247,252,0.98); padding:0 4px; border:1px solid #000; border-radius:3px; max-height:0; overflow:hidden; }
.detail { line-height:1.3; padding-top:6px; }
.infoBox .header { }
.infoBox .header:hover .symDetail { vertical-align:-5px!important; margin-top:13px; }
.symbol { float:left; vertical-align:0px; margin:0 4px 0 0; padding:0; height:24px; width:24px; }
.symDetail { margin:11px 10px 0 -26px; vertical-align:-3px!important; width:16px; height:7px; display:inline-block; }
.symLnk { width:18px; height:14px; display:inline-block; margin-left:2px; vertical-align:0px; }
.symPict { width:18px; height:18px; display:inline-block; margin-left:2px; vertical-align:0px; }
.symFlag { width:24px; height:13px; display:inline-block; }
.symIcon { width:16px; height:16px; display:inline-block; vertical-align:0px; margin-right:0px; }
.symGeo { width:16px; height:17px; display:inline-block; vertical-align:0px; margin:0 4px 0 0; }
.symLegend { width:16px; height:16px; display:inline-block; vertical-align:middle; margin:0 4px 0 0; }
.symFulscr { position:absolute; top:8px; left:8px; width:24px; height:24px; }
.infoTable { font:inherit; margin:6px auto 0; table-layout:fixed; border-spacing: 0px; width:100%; }
.infoTable tr:first-child td { border-bottom: 1px solid #000;}
.infoTable tr:last-child td { border-top: 1px dashed #000; }
.infoTable td { width: 80px; vertical-align: bottom; margin:0; text-align:center; }
.infoTable td:last-child { width: 72px; }
.infoTable td span { display:inline-block; text-align:right; width: 58px; color:#000!important; }
.infoTable tr.tblHead td span { color:#663!important; }
.infoTable td:first-child { width: 148px; text-align:left; }
.infoTable td:first-child span, .infoTable tr:first-child td span { display:inline; }
.infoTable tr:first-child td:last-child span { display:inline-block; }
.infoTable tr:first-child td { text-align:center; clear:both; }
.infoTableAuto { margin:16px auto 0; font:inherit; table-layout:fixed; border-collapse:collapse; border-spacing: 0px; width:100%; }
.infoTableAuto tbody { display: block; overflow:auto; max-height:240px; }
.infoTableAuto thead tr { display: block; }
.infoTableAuto tbody tr { cursor:pointer; display:inline-block; }
.infoTableAuto tbody tr.row:hover { background:rgb(255, 255, 204)!important; }
.infoTableAuto td { text-align:right; }
.infoTableAuto td:nth-child(1) { text-align:left; }
.infoTableAuto td { vertical-align:bottom; margin:0; }
.infoTableAuto .detPanel { display:inline-block; max-height:0; cursor:text; background:#f7f7fc; overflow:hidden; }
.infoTableAuto tr.detPanel td { width:570px; padding:0 4px; border:1px solid #000; border-radius:3px; display:none; }
.infoPanel { position:relative; margin:0; padding:0; top:18px; height:200px; width:100%; background-color:#000; }
.infoPanel img { position:absolute; margin:0; padding:0; }
.infoPanel .infoImg, .infoTableAuto .detPanel, .detail { transition-property: width, height, top, left, max-height; transition-duration: .6s; transition-timing-function: ease-in-out; }
.infoPanel canvas { position:absolute; z-index:200; }
.infoPanel div { position:absolute; color:#fff; font-size:small; font-weight:bold; }
.infoMap { position:relative; margin:0; padding:0; top:38px; height:auto; width:100%; z-index:100; }
.infoMap img { position:absolute; top:0; left:0; width:100%; height:auto; }
.infoArea { width:100%; height:100%; left:0; top:0; z-index:202; border:0px none; }
.infoPane { position:absolute; display:none; margin:0; padding:0; top:24px; height:500px; width:100%; background-color:#000; overflow-y:auto; overflow-x:hidden; }
.infoTab, .infoTabA { position:relative; float:left; display:inline-block; width:80px; height:16px; top:2px; font:bold 14px/16px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer; margin: 0 1px; }
.infoTab { border:1px solid transparent; background:rgba(224,224,224,0.8); }
.infoTabA { border:1px solid #000; border-bottom:0 none; background:transparent; }
.infoTab:hover { border:1px dotted #000; background:rgba(224,224,224,0.4); }
.infoPopup { font:inherit; position:absolute; border:1px solid #000; background:rgba(245,245,245,1); margin:0; padding:4px; height:auto; overflow:visible; z-index:122; opacity:0; transition:.6s ease-in opacity; }
.infoPopup .lvIcon { position:absolute; bottom:4px; right:10px; margin-right:10px; }
.infoPopup .lcIcon { position:absolute; top:23px; border:1px solid #000; }
.infoPopup .missionFlag { margin:0 0 0 4px; }
.mapMark { position:absolute; height:11px; z-index:121; background:rgba(0,0,0,0); cursor:help; }
.mapPopup { position:absolute; background:rgba(224,224,224,0.8); padding:0; border:2px solid #000; border-radius:3px; opacity:0; z-index:122; overflow:hidden; height:0; width:0px; top:0; transition:.6s ease-in opacity; }
.mapPopup .title { font-weight:bold; }
.mapMark:hover .mapPopup { opacity:1; height:auto; width:160px; top:16px; padding:2px 4px; }
.waitMsg { position:absolute; width:198px; background:rgba(224,224,224,0.9); padding:2px 4px; border:2px solid #000; border-radius:3px; display:none; z-index:122; overflow:visible; font-size:18px; text-align:center; }
.col { float:left; margin:0; padding:0; min-height: 1em; }
.rcol { float:right; text-align:right; margin:0; padding:0; }
.tblRow { margin: 0 }
.tblHead { color:#663; font-variant:small-caps; border-bottom: 1px solid #000; margin: 6px 0 0 }
.missionTitle { font-size: 17px; font-weight:bold; line-height:1; }
a.missionTitle, .bodyName { color:#000; text-decoration:none; }
a.missionTitle:hover, .bodyName:hover { text-decoration:underline; }
.missionType, .missionResult { font-weight:bold; }
.missionStatus { float:right; font-weight:bold; vertical-align:top; }
.missionIcon { max-height:220px; max-width:220px; vertical-align:top; }
.missionFlag { border: 1px solid #999; margin:0 6px 0 0; vertical-align:top; width:24px; height:13px; display:inline-block; }
.missionAgency { float:right; vertical-align:top; border:0px none; width:24px; height:24px; display:inline-block; }
.missionAgencyW { float:right; text-decoration:none; font-weight:bold; vertical-align:top; border:0px none; margin:0 0 0 3px; }
span.missionAgency, img.missionAgency { margin:0 0 3px 3px; }
.missionLnk:hover, .infoLnk:hover { text-decoration:none; border-bottom:1px dotted #000; cursor:pointer; }
.category, .tblcategory, .lstcategory { color:#663; font-variant:small-caps; }
.lstcategory { display:inline-block; width:86px; white-space:nowrap; }
.category:after, .lstcategory:after { content: ": " }
.eventDate { font-style:italic; }
.eventRpDate { font-size:x-small; }
.eventLoc { font-weight:bold; color:#333; }
.timeline, .hilight, .hilightW { position:absolute; font: 14px/1 Arial; color: #eee; background: rgba(0,0,0,0); z-index:104; cursor:pointer; }
.statusOngoing, .statusPlanned, .statusFailure, .statusPartial, .statusSuccess { padding:0 6px 0 0; vertical-align:top; }
.timeline:hover, .timeline:hover .statusFailure, .timeline:hover .statusPartial { color:#fff; }
.timeline:hover .hilight, .hilight:hover { border: 1px solid rgba(255,255,255,0.6); background: rgba(255,255,255,0.3); }
.hilightW:hover { border: 1px solid rgba(0,0,0,0.4); background: rgba(0,0,0,0.2); }
.imgHilight { position:absolute; top:-9999px; opacity:0; transition:.6s ease-in opacity; }
.timeline:hover .imgHilight { opacity:1; }
.statusOngoing { font-weight:bold; }
.statusPlanned { font-style:italic; }
.statusFailure { color:#999; }
.statusPartial { color:#ccc; }
.legBox { position:absolute; font:inherit; line-height:1.15; background-color:transparent; border-top:1px dashed #eee; color:#fff; z-index:120; }
.legBox canvas { position:absolute; }
.legCol { position:absolute; color:#eee; }
.legColW { position:absolute; color:#000; background-color:#fff; }
.legCol span { line-height:1.3; padding:0 0 0 3px; margin:0; }
.legCol span.indent { padding-left:21px; }
.legTitle { font-size: 17px; font-weight:bold; line-height:1; color:#fff; margin:6px 0 2px; }
.legColW .legTitle { color:#000; }
.legColC, .legColCat { position:relative; float:left; display:inline-block; text-align:center; border-top:1px solid #000; margin-bottom:2px; padding-top:12px; line-height:1.2; }
.legColCat { text-align:left; }
/*#legColLV > div:nth-child(-n+8) { border-top:0 none; }*/
.legColC:nth-child(-n+7) { border-top:0 none; }
.legColC img { position:relative; display:inline-block; }
.lvYr { font:bold 15px/1 Arial; margin-right:3px; }
.lvid { display:inline-block; line-height:1; height:28px; width:76px; font-weight:bold; }
.lvFlag { border: 1px solid #999; margin:0; vertical-align:top; width:24px; height:13px; display:inline-block; }
.legStatus { }
.legLnk { display:inline-block; padding:1px 4px; margin:0px; color:#99f; text-decoration:underline; cursor:pointer; }
.legImg { padding: 2px 6px 0 0; width:20px; height:auto; margin: 6px 0; vertical-align:-8px; }
.legImgW, .legImgWS { margin: 0px 4px 4px; background-color:#fff; display:inline-block; }
.legImgW{ width:24px; height:24px; vertical-align:-10px; }
.legImgWS{ width:16px; height:16px; vertical-align:-6px; }
.legS { width:16px; height:7px; margin-top:8px; }
.legSmall { font-size: x-small; }
.histTitle { position:absolute; font-weight:bold; text-align:right; color:#fff; width:99%; z-index:101; }
.histTitle img { vertical-align:-2px; }
.bold { font-weight:bold; }
.uline { text-decoration:underline; }
.loadImg { position:absolute; width:100%; height:auto; left:0; }
.cImg { position:absolute; z-index:101; }
.info { position:absolute; z-index:103; top:0; left:0; height:40px; background:transparent; }
.info span { position:absolute; margin:6px 0 0; cursor:pointer; color: #fff; _border: 2px solid #00c; _border-radius: 22px; _background: #00c; font: bold 26px/0px Consolas, 'Courier New', monospace; display: inline-block; padding: 13px 5px 11px; text-decoration:none; }
a.close{ position:absolute; margin:-21px 0 0; cursor:pointer; color: #fff; border: 2px solid #c00; border-radius: 18px; background: #c00; font: bold 22px/0px Consolas, monospace; display: inline-block; padding: 8px 4px 13px; text-decoration:none; }
a.close:hover { background: #e00; border-color:#e00; }