.piwik { border: 0; }
+[dir=rtl] { /* no-r2 */ text-align: right; }
+
+[dir=ltr] { /* no-r2 */ text-align: left; }
+
/* Rules for icons */
.icon {
hr {
border: none;
- background-color: #ccc;
- color: #ccc;
+ background-color: $grey;
+ color: $grey;
height: 1px;
}
/* Utility for de-emphasizing content */
.deemphasize {
- color: #999;
+ color: $darkgrey;
a {
color: $blue;
}
}
.disabled a {
- color: #ccc;
+ color: $grey;
cursor: default;
.caret {
- border-top-color: #ccc;
+ border-top-color: $grey;
}
}
}
&.active {
- background-color: #9ed485;
+ background-color: $vibrant-green;
}
.icon {
height: auto;
overflow: hidden;
- #banner,
- .welcome {
+ #banner {
display: block;
}
+ .welcome {
+ display: none;
+
+ &.visible {
+ display: block;
+ }
+ }
+
#sidebar_content {
display: none;
}
overflow: auto;
.section {
- border-bottom: 1px solid #DDD;
+ border-bottom: 1px solid $grey;
padding: 10px 20px;
}
font-size:20px;
line-height:10px;
color:#222;
- border:1px solid #ddd;
+ border:1px solid $grey;
}
.tooltip {
opacity: 1;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
.tooltip-arrow {
- border-top-color: #ccc;
+ border-top-color: $grey;
}
}
}
font-size: 13px;
margin-bottom: 8px;
}
- li.disabled { color: #999; }
+ li.disabled { color: $darkgrey; }
}
}
position: relative;
padding: $lineheight/2 $lineheight;
// background: $offwhite;
- // border-bottom: 1px solid #ccc;
+ // border-bottom: 1px solid $grey;
> .close {
float: right;
margin-top: 2px;
input:focus {
outline: none;
- box-shadow: 0px 0px 7px #9ED485;
+ box-shadow: 0px 0px 7px $vibrant-green;
}
input[type=submit].float {
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 {
/* 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%;
}
}
td.instruction, td.distance {
padding-top: $lineheight/5;
padding-bottom: $lineheight/5;
- border-bottom: 1px solid #DDD;
+ border-bottom: 1px solid $grey;
}
td.distance {
- color: #BBB;
+ color: $darkgrey;
text-align: right;
font-size: x-small;
}
#sidebar .changesets {
li {
padding: 15px 20px;
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid $grey;
cursor: pointer;
&.selected { background: $list-highlight; }
.comments {
float: right;
- color: #999;
+ color: $darkgrey;
}
.comments-0 {
opacity: 0.5;
}
+
+ .changeset_more .loader {
+ display: none;
+ width: 100%;
+ }
}
/* Rules for the browse sidebar */
#sidebar_content {
.browse-section {
padding: $lineheight/2 $lineheight;
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid $grey;
h4:first-child {
margin-top: 0;
.paginate {
float: right;
padding: 1px 6px;
- border: 1px solid #eee;
+ border: 1px solid $lightgrey;
border-radius: 3px;
}
h4 {
padding: 5px 0 5px 10px;
font-size: 12px;
- border: 1px solid #CCC;
+ border: 1px solid $grey;
border-radius: 4px 4px 0 0;
background-color: #F6F6F6;
}
padding: 7px 10px;
font-size: 12px;
background-color: #FFF;
- border: 1px solid #CCC;
+ border: 1px solid $grey;
border-top: 0;
border-radius: 0 0 4px 4px;
}
.browse-tag-list {
background-color: #F6F6F6;
- border: 1px solid #ddd;
+ border: 1px solid $grey;
border-radius: 3px;
font-size: 12px;
table-layout: fixed;
border-collapse: separate;
th, td {
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid $grey;
}
tr:last-child th, tr:last-child td {
}
.browse-tag-v {
- border-left: 1px solid #ddd;
+ border-left: 1px solid $grey;
background-color: #fff;
}
+
+ .colour-preview-box {
+ float: right;
+ width: 12px;
+ height: 12px;
+ margin: 4px 0px;
+ border: 1px solid rgba(0, 0, 0, .1);
+ // add color via inline css on element: background-color: <tag value>;
+ }
}
.warning {
margin: $lineheight/2 0;
p {
- margin-left: 10px;
+ margin: 10px 6px 0 6px;
+ line-height: 1.5;
}
}
ul {
li {
padding: 15px 20px;
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid $grey;
&.query-result {
cursor: pointer;
}
.export_boxy {
- background: #eee;
- border: 1px solid #ccc;
+ background: $lightgrey;
+ border: 1px solid $grey;
border-radius: 3px;
#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;
}
}
}
+[dir=rtl] .header-illustration {
+ transform: scaleX(-1);
+}
+
#content.maximised {
top: 0;
left: 0;
position: relative;
width: 45%;
height: 400px;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
margin-bottom: $lineheight;
float: right;
}
/* Rules for the trace view */
-.trace-view {
+.trace-show {
.trace_pending {
color: red;
}
.activity-block {
clear: left;
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid $grey;
padding-bottom: $lineheight;
float: left;
h3 {
margin-left: 70px;
}
-.user-view {
+.users-show {
// Silly exception; remove when user page is redesigned.
.content-inner {
max-width: none;
.diary_post {
position: relative;
- margin-top: $lineheight/2;
padding-top: $lineheight;
- border-top: 1px solid #ccc;
+ padding-bottom: $lineheight/2;
+ border-top: 1px solid $grey;
+
+ &:first-of-type {
+ margin-top: $lineheight/2;
+ }
+
+ &.deemphasize {
+ background-color: #fee;
+ }
.post_heading {
margin-bottom: $lineheight;
}
}
-.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%;
height: 400px;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
display: none;
margin-bottom: $lineheight;
}
#newcomment {
- border-top: 1px solid #ccc;
+ border-top: 1px solid $grey;
padding-top: $lineheight;
margin-top: $lineheight/2;
}
max-width: 740px;
}
.diary-comment {
- margin-top: $lineheight/2;
- border-top: 1px dashed #ccc;
+ border-top: 1px dashed $grey;
padding-top: $lineheight/2;
+ padding-bottom: $lineheight/2;
&:first-child {
- margin-top: $lineheight;
+ margin-top: $lineheight/2;
padding-top: $lineheight;
- border-top: 1px solid #ccc;
+ border-top: 1px solid $grey;
+ }
+ &.deemphasize {
+ background-color: #fee;
}
p {
margin-bottom: $lineheight/2;
}
}
-.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;
+ border: 1px solid $grey;
padding: $lineheight;
margin-bottom: $lineheight;
overflow: auto;
position: relative;
width: 500px;
height: 400px;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
}
#accountForm .user_image {
.messages {
width: 100%;
- border: 1px solid #ddd;
+ border: 1px solid $grey;
input[type="submit"] {
margin: auto;
}
tbody tr {
- border-top: 1px solid #ccc;
+ border-top: 1px solid $grey;
}
.inbox-row {
- background: #f8f8ff;
+ background: $offwhite;
}
.inbox-row-unread {
.info-line {
margin-bottom: $lineheight;
padding: $lineheight/4 0px 4px 0px;
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid $grey;
form, form div {
display: inline;
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;
}
textarea {
color: #222;
background-color: #fff;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
+ border-radius: 3px;
padding: 2px 5px;
margin: 0;
width: 200px;
textarea {
padding: 5px;
width: 100%;
+ min-height: 50px;
+ resize: vertical;
}
/* Rules for user images */
img.user_image {
max-width: 100px;
max-height: 100px;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
margin-bottom: $lineheight;
float: left;
margin-right: $lineheight;
img.user_thumbnail {
max-width: 50px;
max-height: 50px;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
margin-right: $lineheight;
}
height: auto;
max-width: 25px;
max-height: 25px;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
}
/* Rules for geo microformats */
display: block;
float: left;
list-style: none;
- border-left: 1px solid #ccc;
+ border-left: 1px solid $grey;
padding-left: $lineheight/2;
margin-right: $lineheight/2;
&:first-child {
.prose {
h1, h2 {
padding-bottom: $lineheight/2;
- border-bottom: 1px dashed #cccccc;
+ border-bottom: 1px dashed $grey;
margin-bottom: $lineheight/2;
}
code {
font-size: 13px;
- background: #e8e8e8;
+ background: $lightgrey;
padding: 2px 3px;
}
pre {
font-size: 13px;
- background: #e8e8e8;
+ background: $lightgrey;
padding: 2px 3px;
+ white-space: pre-wrap;
code {
padding: 0;
border-left: $lineheight solid $offwhite;
padding-left: $lineheight;
margin: 0;
- color: #7E7E7E;
+ color: $darkgrey;
}
ul, ol {
margin-left: $lineheight;
}
- ul li {
+ ul > li {
list-style: disc;
}
- ol li {
+ ol > li {
list-style: decimal;
}
}
display: inline-block;
vertical-align: top;
margin-left: 15px;
- background-color: #f8f8ff;
+ background-color: $offwhite;
padding: $lineheight/2;
width: 220px;
}
h4.heading, li {
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid $grey;
margin-bottom: $lineheight/4;
padding-bottom: $lineheight/4;
}
.note_list {
tr.creator {
- background-color: #eeeeee;
+ background-color: $lightgrey;
}
td {
margin: 0;
list-style: none;
background-color: #ffffff;
- border: 1px solid #ccc;
+ border: 1px solid $grey;
border-radius: 0 3px 3px;
*border-right-width: 2px;
*border-bottom-width: 2px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
- background-color: #e5e5e5;
+ background-color: $lightgrey;
border-bottom: 1px solid #ffffff;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
- color: #999999;
+ color: $darkgrey;
}
.dropdown-menu > .disabled > a:hover,
}
.sprite.x {
- background-position: -50px 0;
+ /* no-r2 */ background-position: -50px 0;
}
.sprite.term {
}
.sprite.node {
- background-position: -100px 0;
+ /* no-r2 */ background-position: -100px 0;
}
.sprite.way {
- background-position: -150px 0;
+ /* no-r2 */ background-position: -150px 0;
}
.sprite.tag {
- background-position: -200px 0;
+ /* no-r2 */ background-position: -200px 0;
}
.sprite.editor {
- background-position: -250px 0;
+ /* no-r2 */ background-position: -250px 0;
}
.sprite.question {
- background-position: -300px 0;
+ /* no-r2 */ background-position: -300px 0;
}
.sprite.rules {
- background-position: -350px 0;
+ /* no-r2 */ background-position: -350px 0;
}
.start-mapping {
}
.site-about #content {
- //background-color: #000;
- background-color: #eee;
+ background-color: $lightgrey;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
right: 20px;
bottom: 60px;
text-shadow: #000 0px 1px 5px;
- color: #eee;
+ color: $lightgrey;
opacity: 0.8;
display: none;
}
font-weight: 300;
font-size: 34px;
span {
- color: #76c551;
+ color: $vibrant-green;
}
}
background-repeat: no-repeat;
background-image: image-url('about/osm.png');
background-size: cover;
- background-color: #76c551;
+ background-color: $vibrant-green;
}
.byosm {
font: 500 20px/24px Helvetica, Arial, sans-serif;
white-space: nowrap;
color: #fff;
- background: #76c551;
+ background: $vibrant-green;
}
.byosm span {
}
.read-reports {
- background: #eee;
+ background: $lightgrey;
opacity: 0.7;
}
margin-right:100px;
}
-.related-block{
- width:280px;
- float:right;
+.related-reports {
+ width: 280px;
+ float: right;
+
+ ul {
+ padding-left: $lineheight;
+ margin-bottom: 0;
+
+ li {
+ list-style: disc;
+ }
+ }
}
.issue-comments {