/* Default rules for the body of every page */
* {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
}
body {
#noscript {
z-index: 20000000;
- position: absolute;
- top: 15px;
- left: 15px;
+ margin-left: 400px;
+ margin-top: 50px;
}
/* Rules for bootstrap tooltips */
background-color: black;
}
- &.active {
- background-color: #9ed485;
- }
-
&.disabled {
background-color: #333;
background-color: rgba(0,0,0,.5);
cursor: default;
}
+ &.active {
+ background-color: #9ed485;
+ }
+
.icon {
margin: 10px;
}
.leaflet-popup-content-wrapper {
border-radius: 4px !important;
- -webkit-border-radius: 4px !important;
}
/* Rules for attribution text under the main map shown on printouts */
}
}
-/* Rules for the search box */
+/* Rules for the search and direction forms */
-header .search_form {
+header .search_forms,
+.directions_form {
display: none;
}
-.search_form {
+.search_form,
+.directions_form {
position: relative;
padding: $lineheight/2;
+ padding-top: 1px;
background-color: $lightgrey;
.query_wrapper {
border-right: none;
transition: 300ms linear;
- -webkit-transition: 300ms linear;
- -moz-transition: 300ms linear;
}
input:focus {
border-radius: 0 2px 2px 0;
}
- .describe_location {
- position: absolute;
- top: 6px;
- right: 6px;
+ .query_options {
+ text-align: right;
font-size: 10px;
color: $blue;
}
color: #f00;
}
+/* Rules for routing */
+
+#sidebar_content>table {
+ padding: 5px 20px 10px 15px;
+ width: 100%;
+ border-collapse: separate;
+}
+
+td.direction {
+ background-image: image-url('routing-sprite.png');
+ width: 20px; height: 20px;
+ background-repeat: no-repeat;
+}
+@for $i from 1 through 17 {
+td.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; }
+}
+
+.directions_form input[type="submit"] {
+ margin-top: 30px !important;
+}
+
+p#routing_summary {
+ padding: 0 $lineheight $lineheight/4;
+}
+
+td.instruction, td.distance {
+ padding-top: 0;
+ border-bottom: 1px solid #DDD;
+}
+td.distance {
+ color: #BBB;
+ text-align: right;
+ font-size: x-small;
+}
+tr.turn {
+ cursor: pointer;
+}
+tr.turn:hover {
+ background: lighten($green, 30%);
+}
+.routing_engines, #route_from, #route_to { margin-left: 25px; }
+.routing_marker { width: 15px; position: absolute; }
+
/* Rules for entity history */
#sidebar_content {
font-size: 90%;
}
- .note-comments li {
+ .note-comments li, .changeset-comments li {
margin: $lineheight/2 0;
p {
}
}
+ .comments-header {
+ float: left;
+ }
+
+ .subscribe-buttons {
+ float: left;
+ margin: 18px 10px 10px;
+ min-width: 80px;
+ }
+
+ .subscribe-buttons input {
+ font-size: 90%;
+ line-height: 15px;
+ min-height: 20px;
+ }
+
+ span.action-button:hover {
+ cursor: pointer;
+ text-decoration: underline;
+ }
+
.note-description {
overflow: hidden;
margin: 0 0 10px 10px;
&.selected {
background: #FFFFE6;
}
-
- a {
- color: #000;
- }
}
}
}
}
}
+/* Rules for the routing sidebar */
+
+#sidebar_content {
+ #routing_credit {
+ text-align: center;
+ padding: 0.5em;
+ }
+}
+
/* Rules for edit pages */
.site-edit {
}
}
+/* Rules for the new trace form */
+
+#new_trace {
+ input[type=text] {
+ width: 50%;
+ width: calc(100% - 150px);
+ max-width: 500px;
+ }
+}
+
+/* Rules for the edit trace form */
+
+.edit_trace {
+ .form-row p {
+ margin-bottom: 0px;
+ }
+
+ input[type=text] {
+ width: 50%;
+ width: calc(100% - 150px);
+ max-width: 500px;
+ }
+}
+
/* Rules for the user profile page */
#userinformation {
cursor: pointer;
border: 0;
display: inline-block;
- line-height: 20px;
padding: $lineheight/4 $lineheight/2;
min-height: 20px + $lineheight/2;
min-width: 120px;
background: $blue;
text-align: center;
border-radius: 2px;
- -moz-border-radius: 2px;
&:hover {
background: darken($blue, $hovercolor);
text-decoration: none;
}
}
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+ line-height: normal;
+}
+
+a.button {
+ line-height: 20px;
+}
+
.buttons {
min-width: 200px;
input[type="submit"],
input.richtext_title[type="text"] {
width: 50%;
- width: -moz-calc(100% - 235px);
- width: -webkit-calc(100% - 235px);
width: calc(100% - 235px);
@media only screen and (max-width:768px) {
.richtext_content {
width: 50%;
- width: -moz-calc(100% - 235px);
- width: -webkit-calc(100% - 235px);
width: calc(100% - 235px);
display: inline-block;
vertical-align: top;
border-radius: 0 3px 3px;
*border-right-width: 2px;
*border-bottom-width: 2px;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ background-clip: padding-box;
}
.dropdown-menu.pull-right {