@@ -44,8 +44,11 @@ textarea {
4444}
4545
4646a {
47+ text-decoration : none;
4748 color : # 62a8ea ;
4849 text-decoration : none;
50+ margin-top : 1px ;
51+ margin-right : 2px ;
4952}
5053
5154a : hover ,
@@ -174,107 +177,6 @@ li {
174177 background : rgba (63 , 72 , 84 , 0.9 );
175178}
176179
177- /**cesium 工具按钮栏*/
178- .cesium-viewer-toolbar {
179- top : auto;
180- bottom : 35px ;
181- left : 12px ;
182- right : auto;
183- }
184- .cesium-toolbar-button img {
185- height : 100% ;
186- vertical-align : middle;
187- }
188- .cesium-viewer-toolbar > .cesium-toolbar-button ,
189- .cesium-navigationHelpButton-wrapper ,
190- .cesium-viewer-geocoderContainer {
191- margin-bottom : 5px ;
192- float : left;
193- clear : both;
194- text-align : center;
195- }
196- .cesium-button {
197- background-color : # 3f4854 ;
198- color : # e6e6e6 ;
199- fill : # e6e6e6 ;
200- box-shadow : 0 1px 4px rgba (0 , 0 , 0 , 0.3 );
201- line-height : 32px ;
202- }
203-
204- /**cesium 底图切换面板*/
205- .cesium-baseLayerPicker-dropDown {
206- bottom : 0 ;
207- left : 40px ;
208- max-height : 700px ;
209- margin-bottom : 5px ;
210- }
211-
212- /**cesium 帮助面板*/
213- .cesium-navigation-help {
214- top : auto;
215- bottom : 0 ;
216- left : 40px ;
217- transform-origin : left bottom;
218- }
219-
220- /**cesium 二维三维切换*/
221- .cesium-sceneModePicker-wrapper {
222- width : auto;
223- }
224- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
225- float : right;
226- margin : 0 3px ;
227- }
228-
229- /**cesium POI查询输入框*/
230- .cesium-viewer-geocoderContainer .search-results {
231- left : 0 ;
232- right : 40px ;
233- width : auto;
234- z-index : 9999 ;
235- }
236- .cesium-geocoder-searchButton {
237- background-color : # 3f4854 ;
238- }
239- .cesium-viewer-geocoderContainer .cesium-geocoder-input {
240- background-color : rgba (63 , 72 , 84 , 0.7 );
241- }
242- .cesium-viewer-geocoderContainer .cesium-geocoder-input : focus {
243- background-color : rgba (63 , 72 , 84 , 0.9 );
244- }
245- .cesium-viewer-geocoderContainer .search-results {
246- background-color : # 3f4854 ;
247- }
248-
249- /**cesium info信息框*/
250- .cesium-infoBox {
251- top : 50px ;
252- background : rgba (63 , 72 , 84 , 0.9 );
253- }
254- .cesium-infoBox-title {
255- background-color : # 3f4854 ;
256- }
257-
258- /**cesium 任务栏的FPS信息*/
259- .cesium-performanceDisplay-defaultContainer {
260- top : auto;
261- bottom : 35px ;
262- right : 50px ;
263- }
264- .cesium-performanceDisplay-ms ,
265- .cesium-performanceDisplay-fps {
266- color : # fff ;
267- }
268-
269- /**cesium tileset调试信息面板*/
270- .cesium-viewer-cesiumInspectorContainer {
271- top : 10px ;
272- left : 10px ;
273- right : auto;
274- background-color : # 3f4854 ;
275- }
276-
277-
278180/**infoview浮动面板*/
279181.infoview {
280182 position : absolute;
@@ -409,3 +311,174 @@ html {
409311 -webkit-box-shadow : inset 1px 1px 3px rgba (0 , 0 , 0 , 0.35 );
410312 background-color : rgba (0 , 0 , 0 , 0.5 );
411313}
314+
315+
316+
317+ /**cesium 工具按钮栏*/
318+
319+ .cesium-viewer-toolbar {
320+ top : auto;
321+ bottom : 35px ;
322+ left : 12px ;
323+ right : auto;
324+ }
325+
326+ .cesium-toolbar-button img {
327+ height : 100% ;
328+ vertical-align : middle;
329+ }
330+
331+ .cesium-viewer-toolbar > .cesium-toolbar-button ,
332+ .cesium-navigationHelpButton-wrapper ,
333+ .cesium-viewer-geocoderContainer {
334+ margin-bottom : 5px ;
335+ float : left;
336+ clear : both;
337+ text-align : center;
338+ }
339+
340+ .cesium-button {
341+ background-color : rgba (23 , 49 , 71 , 0.7 );
342+ border : none;
343+ color : # ffffff ;
344+ fill : # e6e6e6 ;
345+ line-height : 32px ;
346+ }
347+
348+ .cesium-button : hover {
349+ background-color : rgba (0 , 138 , 255 , 0.7 );
350+ box-shadow : none;
351+ border : none;
352+ }
353+
354+ /**cesium 底图切换面板*/
355+ .cesium-baseLayerPicker-dropDown {
356+ bottom : 0 ;
357+ left : 40px ;
358+ max-height : 700px ;
359+ margin-bottom : 5px ;
360+ }
361+
362+ /**cesium 帮助面板*/
363+ .cesium-navigation-help {
364+ top : auto;
365+ bottom : 0 ;
366+ left : 40px ;
367+ transform-origin : left bottom;
368+ }
369+
370+ /**cesium 二维三维切换*/
371+ .cesium-sceneModePicker-wrapper {
372+ width : auto;
373+ }
374+
375+ .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
376+ float : right;
377+ margin : 0 3px ;
378+ }
379+
380+ /**cesium POI查询输入框*/
381+ .cesium-viewer-geocoderContainer .search-results {
382+ left : 0 ;
383+ right : 40px ;
384+ width : auto;
385+ z-index : 9999 ;
386+ }
387+
388+ .cesium-geocoder-searchButton {
389+ background-color : # 3f4854 ;
390+ }
391+
392+ .cesium-viewer-geocoderContainer .cesium-geocoder-input {
393+ background-color : rgba (63 , 72 , 84 , 0.7 );
394+ }
395+
396+ .cesium-viewer-geocoderContainer .cesium-geocoder-input : focus {
397+ background-color : rgba (63 , 72 , 84 , 0.9 );
398+ }
399+
400+ .cesium-viewer-geocoderContainer .search-results {
401+ background-color : # 3f4854 ;
402+ }
403+
404+ /**cesium info信息框*/
405+ .cesium-infoBox {
406+ top : 50px ;
407+ background : rgba (63 , 72 , 84 , 0.9 );
408+ }
409+
410+ .cesium-infoBox-title {
411+ background-color : # 3f4854 ;
412+ }
413+
414+ /**cesium 任务栏的FPS信息*/
415+ .cesium-performanceDisplay-defaultContainer {
416+ top : auto;
417+ bottom : 35px ;
418+ right : 50px ;
419+ }
420+
421+ .cesium-performanceDisplay-ms ,
422+ .cesium-performanceDisplay-fps {
423+ color : # fff ;
424+ }
425+
426+ /**cesium tileset调试信息面板*/
427+ .cesium-viewer-cesiumInspectorContainer {
428+ top : 10px ;
429+ left : 10px ;
430+ right : auto;
431+ background-color : # 3f4854 ;
432+ }
433+
434+
435+
436+ /**覆盖mars3d内部控件的颜色等样式*/
437+ .mars3d-compass .mars3d-compass-outer {
438+ fill : rgba (23 , 49 , 71 , 0.8 );
439+ }
440+ .mars3d-contextmenu-ul ,
441+ .mars3d-sub-menu {
442+ background-color : rgba (23 , 49 , 71 , 0.8 );
443+ }
444+ .mars3d-contextmenu-ul > li > a : hover ,
445+ .mars3d-sub-menu > li > a : hover ,
446+ .mars3d-contextmenu-ul > li > a : focus ,
447+ .mars3d-sub-menu > li > a : focus ,
448+ .mars3d-contextmenu-ul > li > .active ,
449+ .mars3d-sub-menu > li > .active {
450+ background-color : # 3ea6ff ;
451+ }
452+ .mars3d-contextmenu-ul > .active > a ,
453+ .mars3d-sub-menu > .active > a ,
454+ .mars3d-contextmenu-ul > .active > a : hover ,
455+ .mars3d-sub-menu > .active > a : hover ,
456+ .mars3d-contextmenu-ul > .active > a : focus ,
457+ .mars3d-sub-menu > .active > a : focus {
458+ background-color : # 3ea6ff ;
459+ }
460+ /* Popup样式*/
461+ .mars3d-popup-color {
462+ color : # ffffff ;
463+ }
464+ .mars3d-popup-background {
465+ background : rgba (23 , 49 , 71 , 0.8 );
466+ }
467+ .mars3d-template-content label {
468+ padding-right : 6px ;
469+ }
470+ .mars3d-template-titile {
471+ border-bottom : 1px solid # 3ea6ff ;
472+ }
473+ .mars3d-template-titile a {
474+ font-size : 16px ;
475+ }
476+ .mars3d-popup-btn-custom {
477+ padding : 3px 10px ;
478+ border : 1px solid # 209ffd ;
479+ background : # 209ffd1c ;
480+ }
481+ .mars3d-divGraphic : hover {
482+ z-index : 999 !important ;
483+ }
484+
0 commit comments