body { font: #{$typeheight}/#{$lineheight} "Helvetica Neue",Arial,sans-serif; }
abbr, acronym {
- border-bottom: .1em dotted;
+ text-decoration: underline dotted;
cursor: help;
}
.red { color: $red; }
+.piwik { border: 0; }
+
/* Rules for icons */
.icon {
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.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.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 { /* 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 */
background-color: black;
}
- &.disabled {
+ &.disabled,
+ &.leaflet-disabled {
background-color: #333;
background-color: rgba(0,0,0,.5);
cursor: default;
background: #fff;
font-size: 12px;
+ #sidebar_loader {
+ display: none;
+ }
+
+ > div {
+ position: relative;
+ float: left;
+ clear: both;
+ width: 100%;
+ }
+
h2 {
padding: $lineheight $lineheight $lineheight/2;
}
font-size: 13px;
}
+ .close-wrap {
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+
+ .icon.close {
+ pointer-events: none;
+ position: absolute;
+ right: 20px;
+ top: 20px;
+ }
+ }
+
.icon.close {
float: right;
cursor: pointer;
}
- p.error {
- background-color: #ff7070;
- padding: 10px;
- font-weight: bold;
- }
- }
+ .flash {
+ padding: 15px;
- .welcome {
- display: none;
+ picture {
+ margin-right: -25px;
+ }
+
+ div.message {
+ margin-left: 30px;
+ }
+ }
}
.overlay-sidebar #sidebar {
position: absolute;
z-index: 1000;
height: auto;
- border-bottom-right-radius: 5px;
overflow: hidden;
+
+ #banner,
.welcome {
display: block;
}
+
#sidebar_content {
display: none;
}
}
.welcome {
+ display: none;
+ padding-bottom: 5px;
+
p {
padding: $lineheight/2 $lineheight $lineheight;
font-size: 110%;
}
}
+ #banner {
+ display: none;
+
+ img {
+ display: block;
+ width: $sidebarWidth;
+ }
+ }
+
#map {
height: 100%;
overflow: hidden;
font-size: 16px;
text-stroke: 2px #fff;
background: rgba(255,255,255,.9);
- z-index: 2; // For IE9
+ z-index: 1000;
input[type="radio"] {
display: none;
}
#sidebar {
#sidebar_loader,
+ .search_more {
+ width: 100%;
+ margin: $lineheight auto;
+ }
+
.loader,
.load_more {
text-align: center;
- margin: $lineheight auto;
+ margin: auto;
width: 40px;
display: block;
}
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. */
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%;
}
}
height: 20px;
background-repeat: no-repeat;
}
-@for $i from 1 through 18 {
-div.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; }
+@for $i from 0 through 25 {
+div.direction.i#{$i} { background-position: #{($i)*-20}px 0px; }
}
p#routing_summary {
.comments-0 {
opacity: 0.5;
}
+
+ .changeset_more .loader {
+ display: none;
+ width: 100%;
+ }
}
/* Rules for the browse sidebar */
width: 50%;
padding: 6px 10px;
word-wrap: break-word;
+ white-space: pre-wrap;
}
.browse-tag-k {
}
.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 {
.user-terms {
.content-body .content-inner {
padding: 0;
+
+ .message {
+ margin-top: 80px;
+ padding: 20px;
+ }
}
}
}
}
+/* Rules for the trace view */
+
+.trace-view {
+ .trace_pending {
+ color: red;
+ }
+
+ .geo {
+ display: inline;
+ }
+}
+
/* Rules for the new trace form */
#new_trace {
float: left;
display: block;
}
-
- ul.secondary-actions {
- display: inline-block;
- }
}
-.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 */
float: left;
}
+
+.diary-subscribe-buttons {
+ position:relative;
+ top: -30px;
+ left: 130px;
+}
+
/* Rules for the log in page */
#login_auth_buttons {
margin-bottom: $lineheight;
overflow: auto;
height: 20em;
+
+ li {
+ list-style: inherit;
+ }
+
+ ol ol {
+ list-style-type: lower-alpha;
+ }
}
#decline {
border-radius: 0 2px 2px 0;
}
+/* Rules for the oauth authorization page */
+
+.oauth-authorize ul {
+ list-style: none;
+}
+
/* Rules for messages pages */
.messages {
display: inline-block;
margin-left: $lineheight / 2;
vertical-align: middle;
+
+ p {
+ margin-top: $lineheight * 0.5;
+ margin-bottom: $lineheight * 0.5;
+
+ &:first-child {
+ margin-top: 0px;
+ }
+
+ &:last-child {
+ margin-bottom: 0px;
+ }
+ }
}
}
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;
+ }
}
}