+ .section {
+ border-bottom: 1px solid #DDD;
+ padding: 15px;
+ }
+
+ a.close-button {
+ float: right;
+ padding:5px;
+ font-size:20px;
+ line-height:10px;
+ color:#222;
+ border:1px solid #ddd;
+ }
+}
+
+.layers-ui,
+.share-ui {
+ ul, li:last-child, p:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.layers-ui {
+ li {
+ border-radius: 4px;
+ overflow: hidden;
+ margin-bottom: 10px;
+ }
+
+ label {
+ display: block;
+ padding: 5px 5px 5px 7px;
+ background-color: #eee;
+ cursor: pointer;
+ }
+
+ li.active label {
+ background-color: #ccc;
+ }
+
+ .base-layers {
+ .leaflet-container {
+ width: 100%;
+ height: 50px;
+ cursor: pointer;
+ }
+ }
+}
+
+.share-ui {
+ .share-tabs {
+ margin-bottom: 10px;
+
+ a {
+ color: #fff;
+ text-decoration: none;
+ background-color: $lightblue;
+ padding: 5px 10px;
+ }
+
+ a:first-child {
+ border-right: 1px solid #fff;
+ border-radius: 4px 0 0 4px;
+ }
+
+ a:last-child {
+ border-left: 1px solid #fff;
+ border-radius: 0 4px 4px 0;
+ }
+
+ a.active {
+ background-color: $blue;
+ }
+ }
+
+ .share-tab {
+ display: none;
+ }
+
+ .share-link {
+ input[type=text],
+ textarea {
+ width: 100%;
+ font-family: monospace;
+ font-size: small;
+ line-height: 1.3;
+ }
+ }
+
+ .share-image {
+ label {
+ margin-right: 10px;
+ }
+ }
+
+ #embed_html {
+ resize: vertical;
+ }
+
+ #mapnik_scale {
+ width: 100px;
+ }
+}
+
+.leaflet-top.leaflet-right {
+ top: $lineheight/2 !important;
+ .leaflet-control {
+ margin-right: 0px !important;
+ margin-top: 0px !important;
+ }
+}
+
+.leaflet-popup-scrolled {
+ padding-right: $lineheight;
+ border-bottom: 0px !important;
+ border-top: 0px !important;
+}
+
+.leaflet-popup-content-wrapper {
+ border-radius: 4px !important;
+ -webkit-border-radius: 4px !important;
+}
+
+/* Rules for edit menu */
+
+.menuicon {
+ padding: 0 $lineheight/4;
+ font-weight: normal;
+ display: inline-block;
+ &:hover {
+ text-decoration: none !important;
+ }
+}
+
+.menu {
+ display: none;
+ z-index: 10000;
+ position: absolute;
+ background-color: #ffffff;
+ border: 1px solid $lightgrey;
+ border-top: 0px;
+ ul {
+ margin: 0px;
+ }
+ li {
+ padding: 2px $lineheight/4;
+ border-top: 1px solid #eee;
+ white-space: nowrap;
+ }
+}
+
+/* Rules for attribution text under the main map shown on printouts */
+
+#attribution {
+ display: none;
+}
+
+.attribution_license,
+.attribution_project {
+ text-align: left;
+}
+
+.attribution_notice {
+ text-align: center;
+}
+
+/* Rules for the popout map sidebar */
+
+#sidebar {
+ display: none;
+ position: relative;
+ float: left;
+ border-right: 1px solid $lightgrey;
+ width: 33.3333%;
+ height: 100%;
+ ul {
+ margin-bottom: 0;
+ &:last-child {
+ border-bottom: 1px solid #ccc;
+ }
+ li {
+ margin-bottom: $lineheight/4;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+}
+
+.sidebar_heading {
+ position: relative;
+ padding: $lineheight/2 $lineheight;
+ z-index: 9999;
+ background: $offwhite;
+ border-bottom: 1px solid #ccc;
+ h4 {
+ margin: 0;
+ }
+}
+
+.sidebar_close {
+ position: absolute;
+ height: $lineheight;
+ top: 0px;
+ bottom: 0;
+ right: $lineheight;
+ margin: auto;
+}
+
+#sidebar_content {
+ position: relative;
+ margin-bottom: 20px;
+ overflow: auto;
+ height: 100%;
+ width: 100%;
+ h4 {
+ padding: 0 $lineheight $lineheight/2 $lineheight;
+ margin-top: $lineheight/2;
+ margin-bottom: 0;
+ border-bottom: 1px solid #ddd;
+ }
+}
+
+/* Rules for the map key which appears in the popout sidebar */
+
+#mapkey {
+ .mapkey-table-key img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ td {
+ padding: 0 $lineheight/4 $lineheight/4 $lineheight/4;
+ }
+}
+
+/* Rules for search results which appear in the popout sidebar */
+
+.search_searching {
+ margin-top: $lineheight/4;
+ margin-bottom: $lineheight/4;
+}
+
+.search_results_entry {
+ margin-bottom: 0;
+
+ .search_details {
+ display: block;
+ text-align: right;
projects / rails.git / blobdiff