body { font: #{$typeheight}/#{$lineheight} "Helvetica Neue",Arial,sans-serif; }
abbr, acronym {
- border-bottom: .1em dotted;
+ text-decoration: underline dotted;
cursor: help;
}
overflow: hidden;
}
-.icon.search { background-position: 0 0; }
-.icon.donate { background-position: -20px 0; }
-.icon.zoomin { background-position: -40px 0; }
-.icon.zoomout { background-position: -60px 0; }
-.icon.geolocate { background-position: -80px 0; }
-.active .icon.geolocate { background-position: -80px -20px; }
-.icon.layers { background-position: -100px 0; }
-.icon.key { background-position: -120px 0; }
-.icon.share { background-position: -140px 0; }
-.icon.clipboard { background-position: -160px 0; }
-.icon.link { background-position: -180px 0; }
-.icon.close { background-position: -200px 0; }
+.icon.search { /* no-r2 */ background-position: 0 0; }
+.icon.donate { /* no-r2 */ background-position: -20px 0; }
+.icon.zoomin { /* no-r2 */ background-position: -40px 0; }
+.icon.zoomout { /* no-r2 */ background-position: -60px 0; }
+.icon.geolocate { /* no-r2 */ background-position: -80px 0; }
+.active .icon.geolocate { /* no-r2 */ background-position: -80px -20px; }
+.icon.layers { /* no-r2 */ background-position: -100px 0; }
+.icon.key { /* no-r2 */ background-position: -120px 0; }
+.icon.share { /* no-r2 */ background-position: -140px 0; }
+.icon.clipboard { /* no-r2 */ background-position: -160px 0; }
+.icon.link { /* no-r2 */ background-position: -180px 0; }
+.icon.close { /* no-r2 */ background-position: -200px 0; }
.close-wrap:hover .icon.close,
-.icon.close:hover { background-position: -200px -20px; }
-.icon.check { background-position: -220px 0; }
-.icon.note { background-position: -240px 0; }
-.icon.note.grey { background-position: -240px -20px; }
-.icon.query { background-position: -260px 0; }
+.icon.close:hover { /* no-r2 */ background-position: -200px -20px; }
+.icon.check { /* no-r2 */ background-position: -220px 0; }
+.icon.note { /* no-r2 */ background-position: -240px 0; }
+.icon.note.grey { /* no-r2 */ background-position: -240px -20px; }
+.icon.query { /* no-r2 */ background-position: -260px 0; }
/* Rules for links */
height: auto;
overflow: hidden;
- #banner,
- .welcome {
+ #banner {
display: block;
}
+ .welcome {
+ display: none;
+
+ &.visible {
+ display: block;
+ }
+ }
+
#sidebar_content {
display: none;
}
border-radius: 0 2px 2px 0;
}
+ input.error {
+ background-color: rgba($red, 0.4);
+ }
+
select {
/* this next line is to polyfill the vertical alignment of text within a select element,
* which is different between firefox and chrome. */
img.button {
display: block;
+ width: 20px;
+ height: 20px;
}
span.force_width {
vertical-align: middle;
}
}
+
+ a.reverse_directions {
+ cursor: pointer;
+ margin: 0px 0px 5px 25px;
+ }
}
/* Rules for the map key which appears in the popout sidebar */
/* Rules for search sidebar */
-.search_results_entry {
+#sidebar .search_results_entry {
ul li {
border-bottom: $keyline;
cursor: pointer;
&.selected { background: $list-highlight; }
}
- .search_details {
- display: block;
- float: right;
- text-align: right;
- margin-top: 0.2em;
- margin-left: 0.5em;
+ .search_more .loader {
+ display: none;
+ width: 100%;
}
}
.comments-0 {
opacity: 0.5;
}
+
+ .changeset_more .loader {
+ display: none;
+ width: 100%;
+ }
}
/* Rules for the browse sidebar */
}
.warning {
- margin: $lineheight/2 0;
- padding: $lineheight/2;
- font-size: 90%;
+ margin: 0 0 $lineheight/2 0;
+ padding: 0 $lineheight/2;
}
.note-comments li, .changeset-comments li {
margin: $lineheight/2 0;
p {
- margin-left: 10px;
+ margin: 10px 6px 0 6px;
+ line-height: 1.5;
}
}
#maxlat { margin-top: -1px; }
#minlon {
float: left;
- margin-left: -1px;
+ /* no-r2 */ margin-left: -1px;
}
#maxlon {
float: right;
- margin-right: -1px;
+ /* no-r2 */ margin-right: -1px;
}
#minlat { margin-bottom: 0; }
}
/* Overrides for pages that use new layout conventions */
-.user-new,
-.user-create,
-.user-terms {
+.users-new,
+.users-create,
+.users-terms {
.content-body .content-inner {
padding: 0;
}
}
-.user-new,
-.user-create,
-.user-terms,
-.user-confirm {
+.users-new,
+.users-create,
+.users-terms,
+.users-confirm {
.content-heading .content-inner {
height: 200px;
}
/* Rules for the trace view */
-.trace-view {
+.trace-show {
.trace_pending {
color: red;
}
margin-left: 70px;
}
-.user-view {
+.users-show {
// Silly exception; remove when user page is redesigned.
.content-inner {
max-width: none;
}
}
-.content-heading .hide_unless_logged_in { // hacky selector, better to just add a new class to this div
- display: inline;
+.pagination {
+ padding-top: $lineheight;
}
/* Rules for the diary entry page */
-.diary_entry {
+.diary_entries {
#map {
position: relative;
width: 90%;
}
}
-.diary_entry-view img.user_thumbnail {
+.diary_entries-show img.user_thumbnail {
float: left;
}
/* Rules for the account confirmation page */
-.user-terms {
+.users-terms {
.legale {
border: 1px solid #ccc;
padding: $lineheight;
display: none;
}
-.message-read .message-buttons {
+.messages-show .message-buttons {
margin-top: $lineheight;
margin-bottom: $lineheight * 1.5;
padding-top: $lineheight;
border-top: 1px solid $lightgrey;
}
-.message-read .buttons .mark-unread-button {
+.messages-show .buttons .mark-unread-button {
border-radius: 0;
}
font-size: 13px;
background: #e8e8e8;
padding: 2px 3px;
+ white-space: pre-wrap;
code {
padding: 0;
vertical-align: middle;
background: 40px 40px image-url('about/sprite.png') no-repeat;
- &.local { background-position: 0px 0px; }
- &.community { background-position: 0px -40px; }
- &.open { background-position: 0px -80px; }
- &.partners { background-position: 0px -120px; }
- &.infringement { background-position: 0px -160px; }
- &.legal { background-position: -45px -160px; }
+ &.local {
+ /* no-r2 */
+ background-position: 0px 0px;
+ }
+ &.community {
+ /* no-r2 */
+ background-position: 0px -40px;
+ }
+ &.open {
+ /* no-r2 */
+ background-position: 0px -80px;
+ }
+ &.partners {
+ /* no-r2 */
+ background-position: 0px -120px;
+ }
+ &.infringement {
+ /* no-r2 */
+ background-position: 0px -160px;
+ }
+ &.legal {
+ /* no-r2 */
+ background-position: -45px -160px;
+ }
}
}
margin-right:100px;
}
-.related-block{
- width:280px;
- float:right;
-}
+.related-reports {
+ width: 280px;
+ float: right;
-.issue-comments {
- width:475px;
-}
+ ul {
+ padding-left: $lineheight;
+ margin-bottom: 0;
-.new-report-checkbox{
- float:left;
- margin-left:10px;
- margin-top:3px;
+ li {
+ list-style: disc;
+ }
+ }
}
-.new-report-string {
- font-size:15px;
+.issue-comments {
+ width:475px;
}
-.report-button {
- float:right;
+.issues-list {
+ td:nth-child(2) {
+ white-space: nowrap;
+ }
}
-.disclaimer {
- width: 600px;
+.report-disclaimer {
background: #fff1f0;
color: #d85030;
border-color: rgba(216, 80, 48, 0.3);
+ padding: 10px 20px;
+ margin-bottom: $lineheight;
+
+ ul {
+ padding-left: $lineheight;
+ margin-bottom: 0;
+
+ li {
+ list-style: disc;
+ }
+ }
}