/* ************************************************* CSS for MapViewer 5 AUTHOR: Andr� von Wartburg, Christoph Hoesli COPYRIGHT: (c) 2015 rawi-geo. Alle Rechte vorbehalten. STYLE GUIDE: - use CamelCase on IDs: e.g #mapSidebarToggle - use dashes for classes: e.g. .link-pdf (but: ESRI, dojo use CamelCase) - follow order: visibility >> position >> sizing >> box >> styles (font, color, bkgr) ************************************************** */ /* size ratios (16 column 960px grid) 120px (2x60): mapinfo 720px (12x60): legend 360px (4x60): sidebar, tools 900px (15x60): modals 420px (5x60): alerts, id 960px (16x60): min-width app */ /* globals */ html, body { width: 100%; height: 100%; min-width: 960px; max-width: 4096px; min-height: 600px; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; overflow: hidden} h1, h2, h3 { margin: 0; } /* main containers */ #container { width: 100%; height: 100%; margin: 0; padding: 0; } #mapContainer { margin: 0; box-sizing: content-box; overflow: hidden; width: 100%; height: 100% } #map { background: #fff; height: 100%; width: 100%; } a, a:hover, a:visited { color: #5C578E; } .float-right { float: right;} .clear { clear: both; } .no-margin { margin: 0; } .no-border { border: 0; } /* link styling */ .link-pdf { background: url(../img/mv5/icon_pdf.svg) no-repeat scroll -1px 1px transparent; background-size: 13px 13px; margin: 0 0 3px; padding-left: 15px; } .link-ext { background: url(../img/mv5/icon_external_link.gif) no-repeat scroll 1px 1px transparent; margin: 0 0 3px; padding-left: 15px; } /* .link-zoom { background: url(../img/mv5/icon_magnifier_small.png) no-repeat scroll 1px 1px transparent; margin: 0 0 3px; padding-left: 15px; } */ /* text styling */ .txt-muted { color: #999;} /* forms */ form.mv-form label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } form.mv-form select, form.mv-form input { height: 30px; border: 1px solid #ccc; box-sizing: border-box; line-height: 22px; color: #333; background-color: #fefefe; margin-bottom: 10px; padding: 5px 0 6px 5px; } form.mv-form input:focus { border: 1px solid #0097cf; } form hr { margin: 6px 0 12px 0; border: 0; border-top: solid 1px #ddd; padding: 0; } .form-block { width: 100%; } .form-inline { margin-right: 10px; } .form-size-m { width: 150px; } .label-thin { font-weight: normal; } /* lists */ .list-unstyled { padding-left: 0; list-style: outside none none; } .inline-loading { margin: 7px 7px 0 0; } /* button, button group (legend) */ .tundra .dijitButtonNode { border-radius: 3px; border: solid 1px #c0c0c0; padding: 5px 10px; background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f3f3f3) repeat scroll 0 0; } .btn-img-md { margin: -2px 4px 0 0; } .btn-img-sm { } .btn { display: inline-block; -moz-user-select: none; background-image: none; margin-bottom: 0; border: 1px solid #ccc; border-radius: 4px; padding: 6px 12px; cursor: pointer; font-size: 14px; line-height: 1.42857; text-align: center; vertical-align: middle; white-space: nowrap; } .btn-group > .btn { position: relative; float: left; } .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0;} .btn-group-sm > .btn, .btn-sm { padding: 3px 7px; line-height: 1.5; font-family: Helvetica,Arial,sans-serif; border-radius: 3px; font-size: 13px; } .btn-xs { padding: 0 2px; line-height: 1.5; font-family: Helvetica,Arial,sans-serif; border-radius: 3px; font-size: 11px; } .btn-default { border-color: #ccc; color: #333; background-color: #fff; } .btn-default.focus, .btn-default:focus { border-color: #8c8c8c; background-color: #e6e6e6; color: #333; } .btn-default:hover { border-color: #adadad; background-color: #e6e6e6; color: #333; } .btn-default.active { border-color: #adadad; background-color: #e6e6e6; color: #333; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover { background-color: #d4d4d4; border-color: #8c8c8c; color: #333; } .btn-default.active, .btn-default:active { background-image: none; } /* dojo TitlePane */ .tundra .dijitTitlePaneTitle { padding: 8px; font-size: 14px; text-shadow: 0 1px 0 #fff; border-radius: 3px; } .tundra .dijitTitlePaneTitleOpen { color: #333; font-weight: 700; background: #f9f9f9; background: linear-gradient(#fff, #f3f3f3); } .tundra .dijitTitlePaneTitleClosed { color: #333; background: #f9f9f9; background: linear-gradient(#fff, #f3f3f3); background: -ms-linear-gradient(top, #ffffff, #f3f3f3); } .tundra .dijitTitlePaneTitleHover { color: #111; background: #ededed; } .tundra .dijitTab { background: #e2e2e2 none repeat scroll 0 0; border: 1px solid #ccc; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: normal; margin-right: 4px; padding: 6px 8px 6px 9px; } .tundra .dijitTabChecked { background: #f2f2f2 none; border-color: #ccc; } .tundra .dijitTabPaneWrapper { border: 0 none; } .tundra .dijitTabContainerTop-container { border: 0 none; } .tundra .dijitTabContainerTop-tabs .dijitTabChecked { border-bottom-color: #f2f2f2; } .tundra .dijitTabContainerTop-tabs .dijitTabCheckedHover { background: #eee none repeat scroll 0 0; } .tundra .dijitTabContainerNested .dijitTabContainerTop-tabs { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #f2f2f2 none repeat scroll 0 0; /* border-color: -moz-use-text-color -moz-use-text-color #e7e7e7; */ border-color: #e7e7e7; border-image: none; border-style: none none solid; border-width: 0 0 1px; font-size: 14px; padding: 4px 0 0 8px; text-decoration: none; } .tundra .dijitTabContainerTabListNested .dijitTabChecked { background: #fff none repeat scroll 0 0; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; } .tundra .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { text-decoration: none; } /* dojo (modal) Dialog */ .tundra .dijitDialog { /* width: 840px; */ background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .tundra .dijitDialogPaneContent { /* width: 810px !important; height: 480px !important; */ padding: 15px; overflow: auto; } .tundra .dijitDialogTitleBar { background: #293541; border-bottom: 1px solid #293541; min-height: 16px; padding: 8px; font-size: 14px; color: #fff; font-weight: 700; } .tundra .dijitDialogCloseIcon { position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; background: url(../img/mv5/icon_close_float_off.svg) no-repeat scroll right top; background-size: 14px 14px; vertical-align: middle; } .tundra .dijitDialogCloseIconHover { background: url(../img/mv5/icon_close_float_on.svg) no-repeat scroll right top; background-size: 14px 14px; } .tundra .dijitTooltipContainer { border: 1px solid #222; padding: 0.45em; border-radius: 3px; box-shadow: 0 0 0.25em #777; /* background: #222; */ background: rgba(30, 30, 30 , 0.8); color: #fff; } .tundra .dijitTooltipBelow .dijitTooltipConnector { background: rgba(0, 0, 0, 0) url(../img/mv5/icon_tooltip_connector_up.png) no-repeat scroll left top; height: 14px; left: 3px; top: 0; width: 16px; } /* floating panel (on map) */ .floating-pane { padding: 0; margin: 0; border: 0; border-radius: 5px 0 0 5px; box-shadow: 0 0 0.75em #777777; } .floating-pane > .dijitTitlePaneContentOuter { border-radius: 0 0 0 5px; border-width: 0 0 1px 1px; } .floating-pane > .dijitTitlePaneTitle { border: 0; color: #fff; background: #293541; text-shadow: none; border-radius: 0; } /* .floating-pane > .dijitTitlePaneTitle .dijitArrowNode { width: 16px; height: 16px; background: url(../img/mv5/icon_close_float_svg) no-repeat 0 2px; background-size: 14px 14px; } */ .tundra .dijitContentPane.floating-pane { border-radius: 5px 0 0 5px; border-width: 0 0 1px 1px; } .tundra .dijitContentPane .fp-head { border: 0; padding: 8px 8px 8px 28px; border-radius: 5px 0 0 0; color: #fff; background: #293541 url(../img/mv5/icon_close_float_off.svg) no-repeat 8px 10px; background-size: 14px 14px; font-size: 14px; font-weight: 700; text-shadow: none; cursor: pointer; } .tundra .dijitContentPane .fp-body { padding: 10px; background: #fff; border-radius: 0 0 0 5px; } /* callouts */ .callout { margin: 12px 0 0 0; padding: 10px; border-left: 5px solid #eee; line-height: 20px; color: #195EA6; } .callout-error { background-color: #FDF7F7; border-color: #D9534F; color: #D9534F; } .callout-error h3, .callout-error h4 { color: #d9534f; } .callout-info { background-color: #F4F8FA; border-color: #5BC0DE; color: #195EA6; } .callout-info h3, .callout-info h4 { color: #5BC0DE; } /* border was #3C763D */ .callout-success { background-color: #EFF6EB; border-color: #88AD8A; color: #3C763D; } .callout-success h3, .callout-success h4 { color: #3C763D; } .callout h4 { margin-bottom: 3px; margin-top: 0; } /* pre-loader */ #loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; padding: 0; margin: 0; vertical-align: middle; background: #F9F9F9 url(../img/rdp/logo_rdp.png) no-repeat center 390px; background-size: 40%; } #loaderInner { position: relative; top: 100px; left: 0; padding: 20px; color: #ccc; font-weight: 700; font-size: 72px; } /* app header (MV5Header dijit) */ #appHeader { position: absolute; width: 100%; min-width: 960px; z-index: 501; margin: 0; line-height: 1.42857; color: #333; } #appHeader a { color: #fff; text-decoration: none; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } #appHeader img { border: 0 none; /* vertical-align: middle; */ } /* #appHeader #globalHeader { height: 25px; font-size: 14px; background: #334D63; color: #fff; padding: 5px 0 0 12px; } */ /* top nav (bootstrap-like) */ .nav { list-style: none outside none; margin-bottom: 0; padding-left: 0; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; font-size: 14px; } .navbar-header { color: #888; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); /* text-transform: uppercase; */ vertical-align: middle; } .navbar { position: relative; height: 50px; z-index: 303; border-bottom: 1px solid #2A4053; /* background-color: #f8f8f8; 4678b4 */ background-color: #0474AE; } .navbar-nav { float: left; margin: 0 -5px -5px -5px; } .navbar-nav > li { float: left; border-right: 1px solid #3E5D78; } .navbar-nav > li:hover { /* background: #567B9B; */ background: #767676; } .navbar-nav > li > a { line-height: 18px; padding-bottom: 16px; padding-top: 16px; } .navbar-brand { float: left; height: 50px; font-size: 18px; line-height: 20px; padding: 0 15px 0 15px; } .navbar-brand img { /* LU: margin-top: -6px; width: 210px; */ margin-top: 0; max-width: 210px; max-height: 50px; } #tabbedNavContainer { padding-top: 6px; height: 30px; width: 100%; } #tabbedNavContainer_tablist { top: 5px !important;} .tundra .dijitTabContainerTop-dijitContentPane { padding: 0 !important} /* app finder --> #appHeader #appFinder */ #appFinder #appFinderInner { width: 685px; height: 350px; } #appFinder #appFinderCloseBtn { position: absolute; top: 25px; right: 10px; width: 12px; height: 12px; z-index: 999; } #appFinder.dijitTooltipBelow .dijitTooltipConnector { top: 0; left: 3px; width: 16px; height: 14px; background: url(../img/mv5/icon_tooltip_connector_up.png) no-repeat scroll left top rgba(0, 0, 0, 0); } #appFinder .dijitTooltipContainer { border: 1px solid #222; padding: 0.45em; border-radius: 5px; box-shadow: 0 0 0.75em #777; /* background: #222; */ background: rgba(30, 30, 30 , 0.8); } #appFinder .dijitTab { margin-right: 0; border: 1px solid #666; padding: 2px 8px 2px 9px; background: #4D4D4D; background: linear-gradient(#4D4D4D, #393939) repeat scroll 0 0 #4D4D4D; line-height: normal; color: #D5D5D5; } #appFinder .dijitTabChecked { background: #393939 none; border-color: #666; color: #fff; border-right-color: #393939; } #appFinder .dijitTabHover { background: #393939 none; border-color: #666; color: #fff; border-right-color: #393939; } #appFinder .dijitTabPaneWrapper { margin: 0; border: 1px solid #666; padding: 0; background: #fff none repeat scroll 0 0; } #appFinder .dijitTabContainerLeft-dijitContentPane { padding: 5px; background-color: #393939; color: #fff; } #appFinder .dijitTabContainerLeft-container { border-left: medium none; } #appFinder .dijitTabContainerLeft-tabs { height: 100%; padding-top: 3px; border-color: #666; } #appFinder .appFinderGalleryNode { float: left; width: 100px; margin: 5px 10px; border: 1px solid #666; border-radius: 3px; background: #222; } #appFinder .appFinderGalleryNode:hover { border: 1px solid #fff; } #appFinder .appFinderGalleryNode.last { margin-right: 0; } #appFinder .appFinderGalleryThumbnail { width: 100px; height: 67px; margin: 0; box-shadow: none; border: 0; } #appFinder .appFinderGallerySelectedNode { border-color: red; } #appFinder .appFinderGalleryLabelContainer { height: 3em; padding-left: 5px; text-align: left; } #appFinder .subheading { margin: 15px 20px 5px 10px; border-bottom: solid 1px #ddd; padding-bottom: 4px; font-size: 12px; color: #fff; } #appFinder .subheading.last { clear: both; padding-top: 10px; } /* help modal --> #appHeader #appHelp */ #dialogHelp .dijitDialogTitleBar .dijitDialogCloseIcon { display: block; } #dialogHelp .dijitDialog { width: 840px; } #dialogHelp .dijitDialogPaneContent { width: 810px !important; height: 480px !important; } #appHelp h2 { clear: both; margin: 0 0 20px 0; } #appHelp h3 { clear: both; margin: 0 0 10px 0;} #appHelp .help-backtotop { float: right; margin-bottom: 20px; } #appHelp hr { margin: 20px 0; border: 0; border-top: solid 1px #ddd; height: 1px; clear: both; } #appHelp table.tbl { border-left: solid 1px #ccc; border-top: solid 1px #ccc; } #appHelp .tbl th { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 8px; font-weight: bold; text-align: left; background: #efefef; } #appHelp .tbl td { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 8px; vertical-align: top; } #dialogAbout .dijitDialogTitleBar .dijitDialogCloseIcon { display: block; } #dialogAbout .dijitDialog { width: 840px; } #dialogAbout .dijitDialogPaneContent { width: 810px !important; height: 480px !important; } #appAbout h2 { clear: both; margin: 0 0 20px 0; } #appAbout h3 { clear: both; margin: 0 0 10px 0; border-top: solid 1px #ddd; padding-top: 10px; } #appAbout h4 { clear: both; margin: 13px 0 4px 0; } #appAbout .help-backtotop { float: right; margin-bottom: 20px; } #appAbout hr { margin: 20px 0; border: 0; border-top: solid 1px #ddd; height: 1px; clear: both; } #appAbout .about-img { float:right; border: solid 1px #ccc; width: 140px; margin-left: 12px; } #appAbout table.tbl { } #appAbout .tbl th { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 8px; font-weight: bold; text-align: left; background: #efefef; } #appAbout .tbl td { border-top: solid 1px #eee; padding: 8px; vertical-align: top; } /* map header */ #mapHeader { height: 35px; z-index: 301; padding: 0; margin: 0; border: 0; border-bottom: 1px solid #e7e7e7; box-shadow: 361px 1px 4px 0 rgba(0,0,0,0.3); background-color: rgba(255, 255, 255, 0.85); } #mapTitle { padding: 6px 0 0 12px; font-weight: bold; font-size: 16px; color: #333; text-align: left; } #appLogin { float: right; /* margin: 8px 24px 0; */ display: none; height: 26px; padding: 9px 12px 0 26px; background: #f0f0f0 url(../img/mv5/icon_login.svg) no-repeat scroll 8px 10px; background-size: 14px 14px; } #appLogin:hover { background: #e0e0e0 url(../img/mv5/icon_login.svg) no-repeat scroll 8px 10px; background-size: 14px 14px; cursor: pointer; } /* #appLogin .map-function { margin: 0 5px 3px 10px; } #appLogin .link-legend { background: url(../img/mv5/icon_legend.png) no-repeat scroll 1px 1px transparent; background-size: 14px 12px; margin: 0 0 3px; padding-left: 18px; } */ /* BaseSearch (Twitter Typeahead ) --> #appHeader #baseSearch */ #mapBaseSearch { padding-left: 0; } #mapBaseSearch .category-name { padding: 5px 15px 5px 15px; background: #eee; } #mapBaseSearch h3.category-name { font-size: 12px; padding-left: 5px; margin: 0; } #mapBaseSearchIcon { position: absolute; display: block; top: 14px; right: 27px; width: 22px; height: 22px; z-Index: 667; } #mapBaseSearch .typeahead, #mapBaseSearch .tt-query, #mapBaseSearch .tt-hint { width: 280px; height: 24px; padding: 3px 30px 3px 6px; margin: 2px 15px 0 0; font-size: 14px; font-family: Helvetica, Arial, sans-serif; line-height: 24px; border: 1px solid #ccc; outline: none; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; */ } #mapBaseSearch { margin: 8px 5px 0 0; } #mapBaseSearch .typeahead { background-color: #fff; } #mapBaseSearch .typeahead:focus { border: 1px solid #0097cf; } #mapBaseSearch .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #mapBaseSearch .tt-hint { color: #999; } #mapBaseSearch .tt-dropdown-menu { width: 320px; z-index: 666; margin-top: 12px; padding: 8px 0 0 0; padding-top: 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } #mapBaseSearch .tt-suggestions { max-height: 260px; overflow-y: auto; } #mapBaseSearch .tt-suggestion { padding: 5px 15px; font-size: 12px; line-height: 16px; } #mapBaseSearch .tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0097cf; } #mapBaseSearch .tt-suggestion p { margin: 0; } #container { width: 100%; height: 100%; margin: 0; padding: 50px 0 0 0; } #mapContainer { margin: 0; box-sizing: content-box; overflow: hidden; } #map { background: #fff; height: 100%; width: 100%; } /* sidebar */ #mapSidebar { display: block; width: 360px; z-index: 302; padding: 35px 0 0 0; border: 0; border-right: solid 1px #ccc; border-top: solid 1px #ccc; background: url(../img/mv5/bkgr_topo.jpg); } #mapSidebarToggle { position: absolute; top: 250px; left: 361px; width: 20px; height: 34px; z-index: 304; background: #f9f9f9; background: linear-gradient(#fff, #f3f3f3); background: -ms-linear-gradient(top, #fff, #f3f3f3); border: solid 1px #ccc; border-left: 0; border-radius: 0 3px 3px 0; box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2); } #mapSidebarToggleImg { padding: 8px 5px; } #mapSidebar .sidebar-icon { padding: 0 5px 0 5px; margin-top: -3px; } #mapSidebar .dijitTitlePaneTitle { border-width: 0 0 1px 0; border-radius: 0;} #mapSidebar .dijitTitlePaneContentOuter { border-width: 0 0 1px 0; } /* MV5Search dijit (in sidebar) */ .tundra #searchPanel_titleBarNode .dijitTitlePaneTextNode { padding-left: 24px; background: url(../img/mv5/icon_sidebar_search.svg) no-repeat scroll 3px 0; background-size: 16px 16px; } #dijitSearch { display: none; } #dijitSearch #searchSelector { padding-bottom: 6px; margin-bottom: 10px; border-bottom: solid 1px #ccc; } #dijitSearch .searchControls { text-align: right; border-top: solid 1px #eee; padding-top: 10px; margin-top: 6px; } #dijitSearch label { color: #444; display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%; } #dijitSearch .dijitSelect { height: 20px; margin: 4px 10px 6px 0; font-size: 12px; color: #000; } #dijitSearch .dijitSelect .dijitStretch { width: 340px; } #dijitSearch .dijitSelect .dijitButtonContents { border-color: #ccc; padding: 5px 0 6px 5px; background: #fefefe; } #dijitSearch .dijitComboBox { height: 26px; margin: 4px 10px 6px 0; font-size: 12px; color: #000; width: 320px; } #dijitSearch .dijitComboBox .dijitInputFiled { padding: 10px; } #dijitSearch .dijitComboBox .dijitInputInner { height: 20px; margin: 4px 10px 6px 6px !important; font-size: 12px; color: #000; } #dijitSearch .dijitComboBox .dijitPlaceHolder { left: 6px; top: 6px; } #dijitSearch .dijitComboBox .dijitRight { height: 26px; } #dijitSearch .dijitComboBox .dijitArrowButtonInner { background-position: 0 10px; } #dijitSearch .dijitComboBox input.dijitArrowButtonInner { height: 26px !important; } #dijitSearch .btnSearch { background: url(../img/mv5/icon_search.svg) center no-repeat; background-size: 14px 14px; height: 18px; width: 18px; } /* MV5TOC dijit (in sidebar) */ .tundra #tocPanel_titleBarNode .dijitTitlePaneTextNode { padding-left: 24px; background: url(../img/mv5/icon_sidebar_toc.svg) no-repeat scroll 3px 0; background-size: 16px 16px; } #tocPanel .dijitTitlePaneContentInner { padding: 1px 0 0 0; } #dijitTOC { font-size: 12px; color: #000; margin-top: 8px; } #dijitTOC .group_header { /* margin: 0 1px 4px 0; */ visibility: visible; height: 25px; border-bottom: solid 1px #eee; padding: 9px 0 0 5px; } #dijitTOC .group_body { margin-left: 23px; visibility: visible; } #dijitTOC .layer { /* margin: 0 1px 4px 1px; */ margin: 0 0 0 2px; visibility: visible; height: 25px; border-bottom: solid 1px #eee; padding: 9px 0 0 5px; } #dijitTOC .lyrfuncs { float: right; } #dijitTOC .lyrfuncs img { margin: 1px 8px 0 0; opacity: 0.25;} #dijitTOC .lyrfuncs img:hover { margin: 1px 8px 0 0; opacity: 1;} #dijitTOC .expander { margin: 0 6px -4px 3px; } #dijitTOC .chkbox { margin: 0 8px -3px 0; } #dijitTOC .off { background: url(../img/mv5/spriteTOC.gif) no-repeat -48px 0; } #dijitTOC .on { background: url(../img/mv5/spriteTOC.gif) no-repeat -16px 0; } #dijitTOC .tristate { background: url(../img/mv5/spriteTOC.gif) no-repeat -32px 0; } #dijitTOC .outofrange { color: #999; } #dijitTOC .indent { margin-left: 18px; } #dialogMetainfo .dijitDialogTitleBar .dijitDialogCloseIcon, #dialogMetainfoGroup .dijitDialogTitleBar .dijitDialogCloseIcon { display: block; } /* TOC metadata info (modal) */ #dialogMetainfo .dijitDialog { width: 840px; } #dialogMetainfo .dijitDialogPaneContent { width: 810px !important; height: 480px !important; } #metainfo #md-info { font-size: 12px; color: #333; line-height: 18px; } #metainfo #md-info-head { margin-bottom: 20px; } #metainfo #md-info-desc { float: left; width: 518px; padding-right: 10px;} #metainfo #md-info-keys { float: left; width: 244px; background: #f5f5f5; padding: 10px; border-radius: 3px; } #metainfo #md-contact { clear: both; padding-top: 8px; } #metainfo .contact { float: left; width: 264px; } #metainfo #md-attr { clear: both; padding-top: 8px; } #metainfo #md-copy { margin: 10px 0; font-size: 10px; } #metainfo h2 { line-height: 25px; color: #444; font-size: 25px; margin: 10px 0; } #metainfo h3 { margin: 20px 0 15px; font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 9px; } #metainfo p { margin: 0 0 20px 0; padding: 0; border: 0; line-height: 1.5; font-size: 16px; font-family: "Times New Roman", Georgia, serif; } #metainfo .id { color: #aaa; font-weight: bold; } #metainfo .cat { font-size: 14px; color: #444; } #metainfo .lead-in { font-size: 20px; } #metainfo #md-table { width: 100%; font-size: 12px; } #metainfo .domain { width: 100%; background: #555; background: url(../img/mv5/bkgr_greywash_wall.png); color: #fff; padding: 10px;} #metainfo .tbl-domain { } #metainfo .tbl-domain th { text-align: left; } #metainfo .md-th { text-align: left; border-bottom: solid 1px #eee; padding: 4px 5px; } #metainfo .md-td { border-bottom: solid 1px #ddd; padding: 4px 5px; vertical-align: top; } #metainfo .md-toggler { margin: 0 5px -1px 0; } /* MV5Sharing dijit (in sidebar) */ .tundra #sharingPanel_titleBarNode .dijitTitlePaneTextNode { padding-left: 24px; background: url(../img/mv5/icon_sidebar_sharing.svg) no-repeat scroll 3px 0; background-size: 16px 14px; } #dijitSharing .btnSave { background: url(../img/mv5/icon_download.svg) center no-repeat; background-size: 14px 16px; height: 18px; width: 18px; } #dijitSharing .save-run, #dijitSharing .save-error, #dijitSharing .save-success { display: none; } #dijitSharing table.share-icons { } #dijitSharing table.share-icons td { vertical-align: baseline; padding-right: 20px; } #dijitSharing table.share-icons td img { margin-right: 5px; vertical-align: middle;} #dijitSharing .share-icon { padding: 4px 0 0 35px; width: 150px; height: 30px; } #dijitSharing #sharingEmail { background: url(../img/mv5/icon_share_mail.svg) 0 0/28px 28px no-repeat; } #dijitSharing #sharingFacebook { background: url(../img/mv5/icon_share_facebook.svg) 0 0/28px 28px no-repeat; } #dijitSharing #sharingTwitter { background: url(../img/mv5/icon_share_twitter.svg) 0 0/28px 28px no-repeat; } #dijitSharing #sharingGooglePlus { background: url(../img/mv5/icon_share_gplus.svg) 0 0/28px 28px no-repeat; } /* MV5Printer dijit (in sidebar) */ .tundra #printPanel_titleBarNode .dijitTitlePaneTextNode { padding-left: 24px; background: url(../img/mv5/icon_sidebar_printing.svg) no-repeat scroll 3px 0; background-size: 16px 16px; } .printMap_container { overflow-x: hidden; } #dijitPrinter { margin: 5px 0; } #dijitPrinter label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; color: #444; } #dijitPrinter hr { margin: 6px 0 12px 0; border: 0; border-top: solid 1px #ddd; padding: 0; } #dijitPrinter .dijitTextBox { padding: 5px 0 6px 5px; margin: 4px 0 10px 0; height: 30px; border: 1px solid #ccc; box-sizing: border-box; color: #333; background: #fefefe; } #dijitPrinter .dijitTextBoxFocused { border: 1px solid #0097CF; } #dijitPrinter .dijitSelect { height: 20px; margin: 4px 10px 6px 0; font-size: 12px; color: #000; } #dijitPrinter .dijitSelect .dijitStretch { width: 60px; } #dijitPrinter .dijitSelect .dijitButtonContents { border-color: #ccc; padding: 5px 0 6px 5px; background: #fefefe; } #dijitPrinter #printScales { margin-left: 23px; } #dijitPrinter .btnPrint { background: url(../img/mv5/icon_pdf.svg) center no-repeat; background-size: 14px 14px; height: 18px; width: 18px; } #dijitPrinter .outputFormat { display: none; } #dijitPrinter .maxlength { color: #ccc; } .form-block { width: 100%; } .form-size-m { width: 150px; } /* to clean up !! */ .printMap_container #pRun, .printMap_container #pError, .printMap_container #pInfo { display: none; } #dijitPrintouts { display: none; } /* MV5Tools dijit (in sidebar) */ .tundra #toolPanel_titleBarNode .dijitTitlePaneTextNode { padding-left: 24px; background: url(../img/mv5/icon_sidebar_tools.svg) no-repeat scroll 3px 0; background-size: 15px 15px; /* height: 13px; width: 15px; */ } #toolPanel .dijitTitlePaneContentInner { padding: 1px 0 0 0; } #dijitTools { } #dijitTools .dijitToolbar { background: none; border: none; } #dijitTools .dijitToolbar .dijitButton { margin: 0; display: block; border-bottom: 1px solid #eee; padding: 8px 0 8px 8px; } #dijitTools .dijitToolbar .dijitButton .dijitButtonText { padding: 1px 4px 0 4px; color: #3D3D3D; } #dijitTools .dijitToolbar label { padding: 0 3px 0 6px; } .tundra .dijitToolbar .dijitButtonHover { background-color: #f9f9f9; padding: 1px; margin: 4px 0 4px 0; border: 0; text-decoration: underline; } /* focused state #dijitTools .dijitToolbar .focused .dijitButtonNode { background-color: #BFD6EB; } */ #dijitTools .toolIcon { height: 22px; width: 22px; text-align: center; } #dijitTools .toolIcon.toolIconMeasure { background: url(../img/mv5/icon_ruler.svg) no-repeat scroll 3px 2px; background-size: 18px 18px; } #dijitTools .toolIcon.toolIconMapNotes { background: url(../img/mv5/icon_pencil.svg) no-repeat scroll 3px 2px; background-size: 16px 16px; } /* MV5NPDocs dijit (in sidebar) */ .tundra #NPDocsPanel_titleBarNode .dijitTitlePaneTextNode { padding-left: 24px; background: url(../img/mv5/icon_download.svg) no-repeat scroll 3px 0; background-size: 15px 15px; /* height: 13px; width: 15px; */ } #NPDocsPanel .dijitTitlePaneContentInner { padding: 1px 0 0; } #dijitNPDocs .doc-selector { padding: 10px 10px 0 10px; display: none; } #dijitNPDocs .doc-display { padding: 10px 0 15px 10px; } #dijitNPDocs .doc-pdf { font-size: 11px; background: url(../img/mv5/icon_pdf.svg) no-repeat scroll 0 7px transparent; background-size: 13px 13px; margin: 0 0 0 2px; visibility: visible; height: 20px; padding: 7px 0 0 20px; } #dijitNPDocs .doc-page { font-size: 11px; background: url(../img/mv5/icon_page.png) no-repeat scroll 0 7px transparent; background-size: 11px 14px; margin: 0 0 0 2px; visibility: visible; height: 20px; padding: 7px 0 0 20px; } /* RDPPOIFiltering dijit (integrated into MV5TOC) */ #dijitPOIFiltering .layer { /* margin: 0 1px 4px 1px; */ margin: 0 0 0 2px; visibility: visible; height: 25px; border-bottom: solid 1px #eee; padding: 9px 0 0 5px; } #dijitPOIFiltering .chkbox { margin: 0 8px -3px 0; } #dijitPOIFiltering .off { background: url(../img/mv5/spriteTOC.gif) no-repeat -48px 0; } #dijitPOIFiltering .on { background: url(../img/mv5/spriteTOC.gif) no-repeat -16px 0; } #dijitPOIFiltering .tristate { background: url(../img/mv5/spriteTOC.gif) no-repeat -32px 0; } #dijitPOIFiltering .poi-selector { padding: 10px 10px 0 10px;} #dijitPOIFiltering .poi-controls { padding: 0 10px 0 10px; text-align: right; font-size: 11px; } /* MV5 Identify dijit (floating panel) */ .dijitIdentify { position: absolute; display: none; top: 155px; right: 0; width: 420px; z-Index: 02; } #dijitIdentify .fp-body { padding: 0; } #dijitIdentify .loader { float: right; display: inline-block; background: url(../img/mv5/icon_activity.gif) center no-repeat; height: 18px; width: 18px; } #dijitIdentify .footer { padding: 5px; color: #333; background: #ddd; border-radius: 0 0 0 5px; font-size: 11px; } #dijitIdentify_pane.dijitTitlePaneContentOuter { border-width: 0; } #dijitIdentify_pane.dijitTitlePaneContentInner { padding: 0; border: 0; } /* one TitlePane per identified layer */ #dijitIdentify .dijitTitlePaneTitle { font-size: 12px; border-radius: 0; border-width: 0 0 1px 0; } #dijitIdentify .dijitTitlePaneTitleOpen { font-weight: normal; } #dijitIdentify .dijitTitlePaneContentOuter { border-width: 0 0 1px 0; } #dijitIdentify .dijitTitlePaneContentInner { padding: 10px; } #dijitIdentify .dijitTitlePaneContentInner.highlight { border-left: 5px solid #0ff; padding: 10px 10px 10px 5px; } #dijitIdentify .carouselContainer { float: right;} #dijitIdentify .carouselArrow { margin: 5px; color: #666; text-decoration: none; } #idResults { max-height: 500px; overflow: auto; overflow-x:hidden; } #idResults .idResultsTable { width: 100%; font: normal 11px arial, helvetica, sans-serif; color: #666; } #idResults .header { background: #fff; } #idResults .header .resultButtons { padding-bottom: 6px; background: #fff; } #idResults .field { border-bottom: solid 1px #ccc; } #idResults .label { font-weight: bold; width: 175px; text-align: left; padding: 2px 5px 2px 0; } #idResults .label-indent { width: 175px; text-align: left; padding: 2px 5px 2px 10px; } #idResults .value { margin-right: 5px; padding-right: 5px; } #idResults .field-oea { text-align: right; padding-top: 5px; } #idResultsNone { display: none; padding: 0; } #idResultsNone .callout { margin: 0; } #idResultsWorking { padding: 5px; } /* MV5Legend dijit (floating panel) */ #dijitLegend { position: absolute; display: none; top: 100px; right: 0; width: 720px; z-Index: 201; } #dijitLegend_pane.dijitTitlePaneContentInner { padding: 0; } #mapLegendFooter { padding: 10px; border-top: solid 1px #ccc; } #mapLegendFooter .download-btn { float: right; clear: both; margin: 0; } #mapLegendFooter .download-btn img { height: 14px; width: 14px;} /* MV5Measure dijit (floating panel) */ #dijitMeasure { position: absolute; display: none; top: 155px; right: 0; width: 360px; z-Index: 204; } /* #dijitMeasure .panelCloser { cursor: pointer; float: right; background: url(../images/icon_close.gif) center no-repeat; height: 18px; width: 18px; } */ #dijitMeasure .options-title { font-weight: bold; } #dijitMeasure .options { padding: 6px 0 12px 2px; border-bottom: solid 1px #ccc; } #dijitMeasure .dijitRadio { margin: 0 4px 6px 0;} #dijitMeasure .results { font-size: 24px; float: right; text-align: right; margin: 12px 12px 12px 0; line-height: 25px; color: #444; } #dijitMeasure .exp { clear: both; margin-top: 10px; } /* MV5MapNotes dijit (floating panel) */ .mapNotes { position: absolute; display: none; top: 155px; right: 0; width: 420px; z-Index: 203; } #mapNotes .options-title { font-weight: bold; } #mapNotes label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; color: #444; } #mapNotes fieldset { border-top: solid 1px #cdcdcd; margin: 0 8px 10px 4px; display: block; padding: 6px 0;} #mapNotes fieldset legend { padding: 0 4px 0 0; } #mapNotes input { height: 20px; margin: 0 0.1em; padding: 0;} #mapNotes .modeSelectionPanel { padding: 6px 0 6px 2px; margin-bottom: 10px; border-bottom: solid 1px #ddd; } /* #mapNotes .infoPanel { background: #f2f2f2 url(../img/mv5/icon_info.gif) no-repeat scroll 3px 5px; border: 1px solid #BFD6EB; color: #3E578E; font-size: 12px; margin: 7px 0 0; padding: 5px 5px 5px 23px; } */ #mapNotes .dijitRadio { margin: 0 4px 6px 0;} #mapNotes .dijitToolbar { background: none; border: none; padding: 2px 0 2px 4px; zoom: 1; } #mapNotes .dijitToolbar .dijitButtonNode { border-radius: 3px; border: solid 1px #c0c0c0; padding: 5px 10px; background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f3f3f3) repeat scroll 0; } #mapNotes .dijitToolbar .dijitButtonHover .dijitButtonNode { border: 1px solid #c0c0c0; background: rgba(0, 0, 0, 0) linear-gradient(#fff, #E7ECF2) repeat scroll 0; } #mapNotes .dijitToolbar .active .dijitButtonNode { border: 1px solid #aaa; background: rgba(0, 0, 0, 0) linear-gradient(#cdcdcd, #ddd) repeat scroll 0; } #mapNotes .dijitToolbar .dijitButton { margin: 0 4px 0 0; } #mapNotes .dijitToolbar .dijitButton .dijitButtonText { padding: 1px 4px 0 4px; color: #3D3D3D; } #mapNotes .dijitToolbar .dijitButtonDisabled { cursor: default; } #mapNotes .dijitToolbar .dijitButtonFocused .dijitButtonNode { background-color: #BFD6EB; } #mapNotes .dijitToolbar .dijitButtonDisabledFocused .dijitButtonNode { background-color: transparent; } #mapNotes .modeSelector, #mapNotes .colorOption, #mapNotes .sizeOption, #mapNotes .transpOption { display: inline-block; margin: 0 8px 0 0; height: 23px;} #mapNotes #outlineWidthButtonSetting, #mapNotes #fillColorButtonSetting, #mapNotes #textAngleSetting, #mapNotes #diameterButtonSetting, #mapNotes #fillTransparencySliderSetting { display: none;} #mapNotes #textColorButtonSetting { width: 155px;} #mapNotes #outlineColorButtonSetting { margin: 15px 0 6px 0;} #mapNotes #fontSizeButtonSetting label, #mapNotes #outlineColorButtonSetting label, #mapNotes #textColorButtonSetting label { width: 90px; } #mapNotes .noteText { margin: 0 0 6px 0; } #mapNotes .noteText .dijitTextBox { width: 100%; height: 30px; background: #fefefe none repeat scroll 0 0; border: 1px solid #ccc; box-sizing: border-box; color: #333; margin: 4px 0 0 0; padding: 5px 0 6px 5px; } #mapNotes .noteText .dijitTextBoxFocused { border: 1px solid #0097CF; } #mapNotes .noteText .dijitInputContainer { height: 20px; } #mapNotes .noteText .dijitPlaceHolder { height: 20px; left: 2px; top: 2px; } #mapNotes .colorButton { } #mapNotes .colorButton .dijitButtonText { background: #ff0000; } #mapNotes .colorButton .dijitDropDownButton .dijitButtonNode { line-height:20px; } #mapNotes .sizeOption .dijitSelect { height: 20px; margin: 10px 0 6px 0; font-size: 12px; color: #000; } #mapNotes .sizeOption .dijitSelect .dijitStretch { width: 100px; } #mapNotes .sizeOption .dijitSelect .dijitButtonContents { border-color: #ccc; padding: 5px 0 6px 5px; background: #fefefe; } #mapNotes #txtSymbolEditor { display: none; } #mapNotes .mapNotesIcon { background-repeat: no-repeat; height: 16px; text-align: center; width: 20px; } .mapNotesIconPoint { background-image: url(../img/mv5/icon_draw_point.png); } .mapNotesIconPolyline { background-image: url(../img/mv5/icon_draw_line.png); } .mapNotesIconPolygon { background-image: url(../img/mv5/icon_draw_free.png); } .mapNotesIconRectangle { background-image: url(../img/mv5/icon_draw_rect.png); } .mapNotesIconRevision { background: url(../img/mv5/icon_selector_20x20.gif) no-repeat scroll 0 -2px !important; } .mapNotesIconDelete { background: url(../img/mv5/icon_cross.png) no-repeat scroll 2px 0 !important; } /* print preview (floating panel) */ #printPreview { display: none; cursor: move; background: transparent url(../img/mv5/bkgr_blk_trans_50.png); position: absolute; left: 85px; top: 225px; width: 300px; height: 300px; z-index: 21; color: #fff; } #printPreview #printPreviewInfo { padding: 5px; } /* ************************ Dijits placed on map *************************** */ /* ESRI simple nav (on map) */ .esriSimpleSlider { border-radius: 3px; } .esriSimpleSliderTL { top: 55px; left: 20px; } .esriSimpleSliderVertical .esriSimpleSliderIncrementButton { border-radius: 2px 2px 0 0; } .esriSimpleSliderVertical .esriSimpleSliderDecrementButton { border-radius: 0 0 2px 2px; } /* MV5HomeButton dijit (on map) */ #dijitHomeBtn { position: absolute; top: 130px; left: 20px; z-index: 104; } #dijitHomeBtn.HomeButton .home { border-radius: 3px; } /* MV5LegendButton dijit (on map) */ #dijitLegendBtn { position: absolute; top: 172px; left: 20px; z-index: 105; } #dijitLegendBtn .legend { width: 30px; height: 30px; padding: 2px; -moz-user-select: none; background-color: rgba(102, 102, 102, 0.8); background-image: url(../img/mv5/icon_legend.svg); background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; border-radius: 3px; cursor: pointer; } /* MV5LocateButton dijit (on map, tablets only) */ #dijitLocateBtn { position: absolute; top: 130px; left: 70px; z-index: 106; } #dijitLocateBtn.LocateButton .zoomLocateButton { border-radius: 3px; } /* MV5BasemapGallery dijit (on map) */ #dijitBasemapGallery { position: absolute; top: 55px; right: 20px; z-Index: 103; } #dijitBasemapGallery_pane { background: #f9f9f9; } #dijitBasemapGallery #basemapContainer { width: 392px; height: 280px; overflow: auto; } #dijitBasemapGallery_titleBarNode.dijitTitlePaneTitleOpen, #dijitBasemapGallery_titleBarNode.dijitTitlePaneTitleClosed { color: #333; background: #f9f9f9; background: linear-gradient(#FFFFFF, #f3f3f3); } #dijitBasemapGallery_titleBarNode.dijitTitlePaneTitleHover { color: #111; background: #ededed; } #dijitBasemapGallery #mapBasemapGallery { box-sizing: content-box; vertical-align: baseline; font-size: 11px; } #dijitBasemapGallery #opacitySliderContainer { margin: 0 22px 10px 9px; padding: 5px 10px 10px 10px; background: url(../img/mv5/bkgr_crunchy_grey.gif); border: 1px solid #d1d1d1; } #dijitBasemapGallery #opacitySlider { margin-top: 8px; } #dijitBasemapGallery .esriBasemapGalleryNode { background: white; width: 100px; margin: 5px 10px; border: 1px solid #d3d3d3; border-radius: 3px; box-shadow: 0 0 5px #ccc;} #dijitBasemapGallery .esriBasemapGalleryNode:hover { border: 1px solid #444; } #dijitBasemapGallery .esriBasemapGalleryThumbnail { width: 100px; height: 67px; margin: 0; box-shadow: none; border: 0; } #dijitBasemapGallery .esriBasemapGallerySelectedNode { border-color: red; } #dijitBasemapGallery .esriBasemapGalleryLabelContainer { height: 3em; text-align: left; padding-left: 5px; } /* MV5MapImprint dijit (on map) */ #dijitMapImprint { position: absolute; bottom: 30px; right: 20px; z-Index: 101; text-align: right;} #dijitMapImprint #loadIndicator { float: right; display: none; padding: 0 5px 0 0; margin-top: 5px; background: url(../img/mv5/loading.gif) no-repeat; width: 55px; height: 40px; } #dijitMapImprint #imprintMapInfo { float: right; padding: 5px 5px; font-size: 12px; background-color: rgba(255, 255, 255, 0.75); border-radius: 3px; min-width: 115px; } #dijitMapImprint #visualScale { margin-top: 25px; } #dijitMapImprint #mapCoordinates { font-size: 10px; padding-right: 40px} #imprintCopyright { position: absolute; bottom: 10px; right: 20px; z-Index: 102; padding-top: 5px; text-align: right; font-size: 10px; text-shadow: 1px 1px #fff; } /* MV5Alert dijit (on map) */ #dijitAlert { position: absolute; bottom: 12px; left: 20px; z-Index: 105; width: 420px; padding: 0; } #dijitAlert .alert { margin: 15px 0 0; padding: 10px 10px 10px 15px; border: 1px solid #d6e9c6; border-left: 4px solid #d6e9c6; font-size: 12px; color: #555; background: #f8f8f8; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); } #dijitAlert .alert ul { padding: 0 0 0 15px; margin: 3px 0 0 0; } #dijitAlert .alert-close { float: right; width: 14px; height: 14px; margin-left: 5px; cursor: pointer; } .esriScalebar { padding-right: 85px; padding-bottom: 25px; z-index: 3000; float: right; }