p {
padding: $lineheight;
}
+
+ input {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
}
#sidebar {
.search_form {
position: relative;
padding: $lineheight/2;
+ padding-top: 1px;
background-color: $lightgrey;
.query_wrapper {
border-radius: 0 2px 2px 0;
}
- .describe_location {
- position: absolute;
- top: 6px;
- right: 6px;
+ .query_options {
+ text-align: right;
font-size: 10px;
color: $blue;
}
+
+ .routing {
+ display: none;
+ }
}
/* Rules for the map key which appears in the popout sidebar */
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; }
+}
+
+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%);
+}
+
/* Rules for entity history */
#sidebar_content {
.message-read .message-buttons {
margin-top: $lineheight;
+ margin-bottom: $lineheight * 1.5;
padding-top: $lineheight;
border-top: 1px solid $lightgrey;
}
/* Rules for highlighting fields with rails validation errors */
-.field_with_errors {
- padding: 2px;
- background-color: #ff7070;
- display: inline-block;
-}
-
.formError {
display: inline-block;
padding: 5px 10px;
padding: 2px 5px;
margin: 0;
width: 200px;
+
+ &.field_with_errors {
+ border: 2px solid #ff7070;
+ }
}
textarea {
}
img.user_thumbnail_tiny {
+ width: auto;
+ height: auto;
max-width: 25px;
max-height: 25px;
border: 1px solid #ccc;
/* Rules for rich text editors */
+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) {
+ width: 100%;
+ }
+}
+
.richtext_container {
margin-bottom: $lineheight;
.richtext_content {
width: 50%;
+ width: -moz-calc(100% - 235px);
+ width: -webkit-calc(100% - 235px);
+ width: calc(100% - 235px);
display: inline-block;
vertical-align: top;
+ @media only screen and (max-width:768px) {
+ width: 100%;
+ }
+
.richtext_preview {
display: inline-block;
padding: $lineheight;
}
/* Rules for the "Welcome" page */
-.site-welcome {
+.site-welcome, .site-fixthemap {
.center {
text-align: center;
.sprite {