/* railway platforms - like sidewalks */
+.preset-icon .icon.highway-footway.tag-railway-platform {
+ color: #ae8681;
+ fill: #dcd9b9;
+}
path.shadow.tag-railway-platform {
stroke-width: 16;
}
path.casing.tag-railway-platform {
- stroke: #fff;
+ stroke: #dcd9b9;
stroke-width: 5;
stroke-linecap: round;
stroke-dasharray: none;
}
.preset-icon .icon.category-water,
.preset-icon .icon.tag-route-ferry,
+.preset-icon .icon.tag-type-waterway,
.preset-icon .icon.tag-waterway {
color: #77d3de;
fill: #fff;
.turn rect,
.turn circle {
- cursor: pointer; /* Opera */
- cursor: url(<%= asset_path("iD/img/cursor-pointer.png") %>) 6 1, pointer; /* FF */
+ cursor: pointer;
+}
+/* photo viewer div */
+#photoviewer {
+ position: absolute;
+ bottom: 30px;
+ width: 330px;
+ height: 250px;
+ padding: 5px;
+ background-color: #fff;
}
-/* Mapillary Image Layer */
-.layer-mapillary-images {
- pointer-events: none;
+#photoviewer button.thumb-hide {
+ border-radius: 0;
+ padding: 5px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 500;
+}
+
+.photo-wrapper,
+.photo-wrapper img {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.photo-wrapper .photo-attribution {
+ width: 100%;
+ font-size: 10px;
+ text-align: right;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ padding: 4px 2px;
+ z-index: 10;
+}
+
+.photo-attribution a,
+.photo-attribution a:visited,
+.photo-attribution span {
+ padding: 4px 2px;
+ color: #fff;
}
-.layer-mapillary-images .viewfield-group {
+/* markers and sequences */
+.viewfield-group {
pointer-events: visible;
- cursor: pointer; /* Opera */
- cursor: url(<%= asset_path("iD/img/cursor-select-mapillary.png") %>) 6 1, pointer; /* FF */
+ cursor: pointer;
}
-.layer-mapillary-images .viewfield-group * {
- stroke-width: 1;
- stroke: #444;
- fill: #ffc600;
- z-index: 50;
+.viewfield-group.selected * {
+ fill: #ffee00 !important;
+}
+.viewfield-group.hovered * {
+ fill: #eebb00 !important;
}
-.layer-mapillary-images .viewfield-group:hover * {
+.viewfield-group circle {
+ stroke: #555;
stroke-width: 1;
- stroke: #333;
- fill: #ff9900;
- z-index: 60;
+ stroke-opacity: 0.4;
+ fill-opacity: 0.4;
}
-
-.layer-mapillary-images .viewfield-group.selected * {
+.viewfield-group.highlighted circle {
+ stroke: #222;
+ stroke-opacity: 0.9;
+ fill-opacity: 0.9;
+}
+.viewfield-group.highlighted.hovered circle {
+ stroke: #222;
stroke-width: 2;
+ stroke-opacity: 0.9;
+ fill-opacity: 0.9;
+}
+.viewfield-group.highlighted.selected circle {
stroke: #222;
- fill: #ff5800;
- z-index: 60;
+ stroke-width: 2;
+ stroke-opacity: 1;
+ fill-opacity: 1;
}
-.layer-mapillary-images .viewfield-group:hover path.viewfield,
-.layer-mapillary-images .viewfield-group.selected path.viewfield,
-.layer-mapillary-images .viewfield-group path.viewfield {
+.viewfield-group .viewfield {
stroke-width: 0;
- fill-opacity: 0.6;
+ stroke: #222;
+ fill-opacity: 0.4;
+}
+.viewfield-group.highlighted .viewfield {
+ stroke-width: 1;
+ fill-opacity: 0.8;
+}
+.viewfield-group.highlighted.hovered .viewfield {
+ stroke-width: 1;
+ fill-opacity: 0.8;
+}
+.viewfield-group.highlighted.selected .viewfield {
+ stroke-width: 1;
+ fill-opacity: 0.9;
}
-/* Mapillary Sign Layer */
+.viewfield-group.selected .viewfield-scale {
+ transform: scale(2,2);
+}
-.layer-mapillary-signs {
+.sequence {
+ fill: none;
+ stroke-width: 2;
+ stroke-opacity: 0.4;
+}
+.sequence.highlighted,
+.sequence.selected {
+ stroke-width: 4;
+ stroke-opacity: 1;
+}
+
+
+/* Mapillary Image Layer */
+.layer-mapillary-images {
pointer-events: none;
}
+.layer-mapillary-images .viewfield-group * {
+ fill: #55ff22;
+}
+.layer-mapillary-images .sequence {
+ stroke: #55ff22;
+}
+
+/* Mapillary Sign Layer */
+.layer-mapillary-signs {
+ pointer-events: none;
+}
.layer-mapillary-signs .icon-sign .icon-sign-body {
min-width: 20px;
height: 24px;
width: 24px;
outline: 2px solid transparent;
pointer-events: visible;
- cursor: pointer; /* Opera */
- cursor: url(<%= asset_path("iD/img/cursor-select-mapillary.png") %>) 6 1, pointer; /* FF */
- z-index: 70;
+ cursor: pointer;
+ z-index: 30;
overflow: visible;
}
-
.layer-mapillary-signs .icon-sign:hover .icon-sign-body {
- outline: 2px solid rgba(255,198,0,0.8);
- z-index: 80;
+ outline: 5px solid #eebb00;
+ background-color: #eebb00;
+ z-index: 70;
}
-
.layer-mapillary-signs .icon-sign.selected .icon-sign-body {
- outline: 2px solid rgba(255,0,0,0.8);
- z-index: 80;
+ outline: 5px solid #ffee00;
+ background-color: #ffee00;
+ z-index: 40;
+}
+
+
+/* OpenStreetCam Image Layer */
+.layer-openstreetcam-images {
+ pointer-events: none;
+}
+.layer-openstreetcam-images .viewfield-group * {
+ fill: #77ddff;
+}
+.layer-openstreetcam-images .sequence {
+ stroke: #77ddff;
}
/* Mapillary viewer */
#mly .domRenderer .TagSymbol {
font-size: 10px;
- background-color: rgba(0, 0, 0, 0.4);
+ background-color: rgba(0,0,0,0.4);
padding: 0 4px;
border-radius: 4px;
- transform: translate(-50%, -120%) !important;
+ top: -25px;
}
-
#mly .domRenderer .Attribution {
- width: 100%;
- font-size: 10px;
- text-align: right;
+ /* we will roll our own to avoid async update issues like #4526 */
+ display: none;
}
-.mapillary-wrap {
- position: absolute;
- bottom: 30px;
- width: 330px;
- height: 250px;
- padding: 5px;
- background-color: #fff;
+.mly-wrapper .photo-attribution a:active,
+.mly-wrapper .photo-attribution a:hover {
+ color: #35af6d;
}
-.mapillary-wrap.hidden {
- visibility: hidden;
+.mly-wrapper .mapillary-js-dom {
+ z-index: 9;
}
-.mapillary-wrap button.thumb-hide {
- border-radius: 0;
- padding: 5px;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 500;
+/* OpenStreetCam viewer */
+.osc-wrapper {
+ position: relative;
+ background-color: #000;
+ background-image: url(<%= asset_path("iD/img/loader-black.gif") %>);
+ background-position: center;
+ background-repeat: no-repeat;
}
-.mly-wrapper {
- visibility: hidden;
+.osc-wrapper .photo-attribution a:active,
+.osc-wrapper .photo-attribution a:hover {
+ color: #77ddff;
+}
+
+.osc-controls-wrap {
+ text-align: center;
+ position: absolute;
+ top: 10px;
width: 100%;
- height: 100%;
+ z-index: 10;
}
-.mly-wrapper.active {
- visibility: visible;
+.osc-controls {
+ display: inline-block;
+ z-index: 10;
+}
+
+.osc-controls button {
+ height: 18px;
+ width: 18px;
+ background: rgba(0,0,0,0.65);
+ color: #eee;
+ border-radius: 0;
+}
+.osc-controls button:first-of-type {
+ border-radius: 3px 0 0 3px;
+}
+.osc-controls button:last-of-type {
+ border-radius: 0 3px 3px 0;
+}
+.osc-controls button:hover,
+.osc-controls button:active,
+.osc-controls button:focus {
+ background: rgba(0,0,0,0.85);
+ color: #fff;
}
/* Fill Styles */
transition-duration: 200ms;
}
+/* Firefox has its own ideas about fixed positioning when a css filter is active - #4348 */
+/* https://stackoverflow.com/questions/37949942/firefox-position-bug-by-parent-with-filter */
+@-moz-document url-prefix() {
+ #content > #bar {
+ width: 100vw;
+ }
+ #content.inactive > #bar > .spacer.col4 {
+ width: 0px;
+ }
+ #content.active > #bar > .spacer.col4 {
+ width: 33.3333%;
+ transition-duration: 200ms;
+ transition-timing-function: step-end;
+ }
+}
+
#defs {
/* Can't be display: none or the clippaths are ignored. */
position: absolute;
.checkselect label:hover,
.opacity-options li,
.radial-menu-item {
- cursor: pointer; /* Opera */
- cursor: url(<%= asset_path("iD/img/cursor-pointer.png") %>) 6 1, pointer; /* FF */
+ cursor: pointer;
}
h2 {
margin-right: 5px;
margin-top: 3px;
}
+[dir='rtl'] input[type="checkbox"],
+[dir='rtl'] input[type="radio"] {
+ float: right;
+ margin-left: 5px;
+ margin-right: 0;
+}
/* remove bottom border radius when combobox is open */
.combobox + * textarea:focus,
.button-wrap:last-of-type {
padding-right: 0;
}
+[dir='rtl'] .button-wrap:last-of-type {
+ padding-left: 0;
+ padding-right: 10px;
+}
.joined button {
border-radius:0;
border-right: 1px solid rgba(0,0,0,.5);
}
+[dir='rtl'] .joined button {
+ border-left: 1px solid rgba(0,0,0,.5);
+ border-right: none;
+}
.fillL .joined button {
border-right: 1px solid white;
}
.joined button:first-child {
- border-radius:4px 0 0 4px;
+ border-radius: 4px 0 0 4px;
+}
+[dir='rtl'] .joined button:first-child {
+ border-radius: 0 4px 4px 0;
}
.joined button:last-child {
border-right-width: 0;
- border-radius:0 4px 4px 0;
+ border-radius: 0 4px 4px 0;
+}
+[dir='rtl'] .joined button:last-child {
+ border-radius: 4px 0 0 4px;
}
button.action {
margin: auto;
margin-left: 9.3333%;
}
+[dir='rtl'] button.save.has-count .count {
+ margin-left: auto;
+ margin-right: 8%;
+}
button.save.has-count .count::before {
content: "";
border-right-style: solid;
border-right-color: inherit;
}
+[dir='rtl'] button.save.has-count .count::before {
+ border-left: 6px solid rgba(255,255,255,.5);
+ border-right: none;
+ left: auto;
+ right: -6px;
+}
/* Icons */
.icon.pre-text {
margin-right: 5px;
}
+[dir='rtl'] .icon.pre-text {
+ margin-left: 5px;
+ margin-right: 0;
+}
.icon.light {
color: #fff;
#bar {
position: fixed;
padding: 10px 0;
- left:0;
- top:0;
- right:0;
- height:60px;
+ left: 0;
+ top: 0;
+ right: 0;
+ height: 60px;
z-index: 9;
min-width: 768px;
}
+[dir='rtl'] #bar .spacer,
+[dir='rtl'] #bar .button-wrap,
+[dir='rtl'] #bar .button-wrap button {
+ float: right;
+}
+
/* Header for modals / panes
------------------------------------------------------- */
overflow: hidden;
padding: 20px 20px 20px 40px;
}
+[dir='rtl'] .header h3 {
+ text-align: right;
+ padding: 20px 40px 20px 20px;
+}
.header button,
.modal > button {
right: 0;
top: 0;
}
+[dir='rtl'] .entity-editor-pane .header button.preset-close,
+[dir='rtl'] .preset-list-pane .header button.preset-choose {
+ left: 0;
+ right: auto;
+}
.entity-editor-pane .header button.preset-choose {
position: absolute;
left: 0;
top: 0;
}
+[dir='rtl'] .entity-editor-pane .header button.preset-choose {
+ left: auto;
+ right: 0;
+}
.preset-choose {
font-size: 16px;
height: 60px;
z-index: 50;
}
+[dir='rtl'] .modal > button {
+ left: 0;
+ right: unset;
+}
.footer {
position: absolute;
background: #f6f6f6;
-ms-user-select: element;
}
+[dir='rtl'] #sidebar {
+ float: right;
+}
.sidebar-component {
position: absolute;
top: 80px;
pointer-events: none;
}
+[dir='rtl'] #sidebar .search-header .icon {
+ left: auto;
+ right: 10px;
+}
#sidebar .search-header input {
position: absolute;
overflow: hidden;
border-left: 1px solid rgba(0, 0, 0, .1);
}
+[dir='rtl'] .feature-list-item .label {
+ text-align: right;
+}
.feature-list-item .label .icon {
opacity: .5;
color: #666;
padding-left: 10px;
}
+[dir='rtl'] .feature-list-item .entity-name {
+ padding-left: 0;
+ padding-right: 10px;
+}
+
/* Presets
------------------------------------------------------- */
border: 1.5px solid #333;
border-radius: 20px;
background-color: #efefef;
+ backface-visibility: hidden;
}
[dir='rtl'] .preset-icon-fill-vertex,
height: 24px;
}
+[dir='rtl'] .preset-list-button-wrap .preset-icon {
+ left: auto;
+ right: auto;
+}
+
+[dir='rtl'] .preset-list-button-wrap .preset-icon-28 {
+ right: 16px;
+}
+
+[dir='rtl'] .preset-list-button-wrap .preset-icon-24 {
+ right: 18px;
+}
+
.preset-list-button .label {
background-color: #f6f6f6;
text-align: left;
overflow: hidden;
border-left: 1px solid rgba(0, 0, 0, .1);
border-radius: 0 3px 3px 0;
- }
+}
+[dir='rtl'] .preset-list-button .label {
+ text-align: right;
+ left: 0;
+ right: 60px;
+ border-left: none;
+ border-right: 1px solid rgba(0, 0, 0, .1);
+ border-radius: 3px 0 0 3px;
+}
.preset-list-button:hover .label {
background-color: #ececec;
position: absolute;
top: 0;
right: 0;
- width: 10%;
+ width: 32px;
background: #fafafa;
}
+[dir='rtl'] .preset-list-item button.tag-reference-button {
+ left: 0;
+ right: auto;
+ border-radius: 3px 0 0 3px;
+}
.preset-list-item button.tag-reference-button:hover {
background: #f1f1f1;
/* preset form basics */
-.inspector-preset {
+.preset-editor {
overflow: hidden;
padding-bottom: 10px;
}
-.inspector-preset a.hide-toggle {
+.preset-editor a.hide-toggle {
margin: 0 20px 10px 20px;
}
-.inspector-preset .preset-form {
+.preset-editor .form-fields-container {
padding: 10px;
margin: 0 10px 10px 10px;
border-radius: 8px;
}
+.preset-editor .form-fields-container:empty {
+ display: none;
+}
+
.entity-editor-pane .preset-list-item .preset-list-button-wrap {
margin-bottom: 0;
}
transition: margin-bottom 200ms;
}
-.form-field:last-child {
+.form-field.nowrap,
+.wrap-form-field:last-child .form-field {
margin-bottom: 0;
}
.form-label button {
border-left: 1px solid #ccc;
- width: 10%;
+ width: 32px;
height: 100%;
border-radius: 0;
background: #f6f6f6;
border-left: none;
border-right: 1px solid #CCC;
border-radius: 4px 0 0 0;
+ width: 31px;
}
.form-label button:hover {
background: #f1f1f1;
.inspector-hover .form-field-multicombo,
.inspector-hover .structure-extras-wrap,
.inspector-hover input,
+.inspector-hover textarea,
.inspector-hover label {
background: #ececec;
}
padding: 0 20px 20px 20px;
font-weight: bold;
}
+.changeset-editor .more-fields {
+ padding: 15px 20px 0 20px;
+}
.more-fields label {
display: flex;
padding: 5px 10px;
}
+[dir='rtl'] .preset-input-wrap .col6 {
+ float: right;
+}
/* preset form access */
/* preset form cycleway */
+/* preset form structure extras */
-.form-field-structure .structure-extras-wrap li,
+.structure-extras-wrap li,
.form-field-cycleway .preset-input-wrap li,
.form-field-access .preset-input-wrap li {
border-bottom: 1px solid #ccc;
}
-.form-field-structure .structure-extras-wrap li:last-child,
+.structure-extras-wrap li:last-child,
.form-field-cycleway .preset-input-wrap li:last-child,
.form-field-access .preset-input-wrap li:last-child {
border-bottom: 0;
border: 1px solid #ccc;
border-radius: 4px;
}
+.structure-extras-wrap li:first-child span {
+ border-top-left-radius: 4px;
+}
+.structure-extras-wrap li:first-child input {
+ border-top-right-radius: 4px;
+}
+.structure-extras-wrap li:last-child span {
+ border-bottom-left-radius: 4px;
+}
+.structure-extras-wrap li:last-child input {
+ border-bottom-right-radius: 4px;
+}
+[dir='rtl'] .structure-extras-wrap li:first-child span {
+ border-top-left-radius: 0;
+ border-top-right-radius: 4px;
+}
+[dir='rtl'] .structure-extras-wrap li:first-child input {
+ border-top-right-radius: 0;
+ border-top-left-radius: 4px;
+}
+[dir='rtl'] .structure-extras-wrap li:last-child span {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 4px;
+}
+[dir='rtl'] .structure-extras-wrap li:last-child input {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 4px;
+}
/* preset form multicombo */
}
.form-field-multicombo li {
+ display: inline-flex;
+ flex-flow: row nowrap;
+ align-items: center;
background-color: #eff2f7;
border: 1px solid #ccd5e3;
border-radius: 4px;
line-height: 25px;
- display: inline-block;
padding: 2px 5px;
margin: 3px;
- height: 30px;
}
.form-field-multicombo a {
border: 1px solid #ddd;
width: 100px;
margin: 3px;
+ height: 31px;
}
.form-field-multicombo .combobox-caret {
}
.spin-control {
- width: 20%;
- height: 29px;
+ width: 64px;
+ height: 30px;
display: inline-block;
- margin-left: -20%;
+ margin-left: -64px;
margin-bottom: -11px;
position: relative;
}
+[dir='rtl'] .spin-control{
+ margin-left: 0;
+ margin-right: -64px;
+}
.spin-control button {
right: 1px;
position: relative;
float: left;
height: 100%;
- width: 50%;
+ width: 32px;
border-left: 1px solid #CCC;
border-radius: 0;
background: rgba(0, 0, 0, 0);
}
+[dir='rtl'] .spin-control button{
+ border-left: 0;
+ border-right: 1px solid #CCC;
+}
.spin-control button.decrement {
border-bottom-right-radius: 3px;
}
+[dir='rtl'] .spin-control button.decrement {
+ border-bottom-right-radius: 0;
+}
+[dir='rtl'] .spin-control button.increment {
+ border-bottom-left-radius: 3px;
+ right: 0;
+}
.spin-control button.decrement::after,
.spin-control button.increment::after {
border-right: 5px solid transparent;
}
+
/* preset form checkbox */
.checkselect label:last-of-type {
}
.form-field .wiki-title ~ .combobox-caret {
- right: 10%;
+ right: 32px;
}
[dir='rtl'] .form-field .wiki-title ~ .combobox-caret {
right: auto;
- left: 10%;
+ left: 32px;
}
/* Localized field */
.form-field .button-input-action {
position: relative;
right: 1px;
- width: 10%;
- margin-left: -10%;
+ width: 32px;
+ margin-left: -32px;
border: 1px solid #CCC;
border-top-width: 0;
border-right-width: 0;
}
[dir='rtl'] .form-field .button-input-action {
margin-left: 0;
- margin-right: -10%;
+ margin-right: -32px;
border-right-width: 1px;
border-radius: 0 0 0 4px;
}
margin-left: -30px;
vertical-align: top;
}
+[dir='rtl'] .combobox-caret {
+ margin-left: 0;
+ margin-right: -30px;
+}
.combobox-caret::after {
content:"";
clear: both;
}
-.tag-reference-body p,
-.tag-reference-body img {
- margin-top: 20px;
-}
-
-.tag-reference-body p:last-child {
- padding-bottom: 10px;
+.tag-reference-body .tag-reference-description {
+ margin: 10px 5px 0 5px;
}
.tag-reference-body a {
display: block;
- padding-bottom: 10px;
+}
+
+.tag-reference-body .tag-reference-description:last-child,
+.tag-reference-body a:last-child {
+ margin-bottom: 15px;
}
.preset-list .tag-reference-body {
width: 100%;
}
-.preset-list .tag-reference-body a {
- padding-bottom: 20px;
-}
-
-.preset-list .tag-reference-body p,
-.preset-list .tag-reference-body img {
- margin-top: 10px;
-}
-
.raw-tag-editor .tag-reference-body {
- border-bottom: 1px solid #ccc;
float: left;
width: 100%;
}
-.raw-tag-editor .tag-reference-body p:last-child {
- padding-bottom: 20px;
+.raw-tag-editor .tag-row.readonly .tag-reference-body {
+ background: #f6f6f6;
+ color: #333;
+}
+
+.raw-tag-editor .tag-row:not(:last-child) .tag-reference-body {
+ border-bottom: 1px solid #ccc;
}
-.raw-tag-editor .tag-reference-body a {
- padding-bottom: 20px;
+.raw-tag-editor .tag-row.readonly .tag-reference-body.expanded {
+ border-top: 1px solid #ccc;
}
-img.wiki-image {
+img.tag-reference-wiki-image {
float: right;
width: 33.3333%;
width: -webkit-calc(33.3333% - 10px);
width: calc(33.3333% - 10px);
- margin-left: 20px;
- margin-right: 10px;
border-radius: 4px;
max-height: 200px;
- margin-bottom: 20px;
+ margin: 10px 5px 15px 20px;
}
+
/* Raw relation membership editor */
.raw-member-editor .member-list li:first-child,
position: fixed;
z-index: 100;
}
+[dir='rtl'] .map-controls {
+ left: 0;
+ right: auto;
+}
.map-control > button {
width: 40px;
.zoombuttons button.zoom-in {
border-radius: 4px 0 0 0;
}
+[dir='rtl'] .zoombuttons button.zoom-in {
+ border-radius: 0 4px 0 0;
+}
/* Background / Map Data Settings */
.background-control button {
border-radius: 4px 0 0 0;
}
+[dir='rtl'] .background-control button {
+ border-radius: 0 4px 0 0;
+}
.map-data-control,
.background-control {
float: right;
}
+[dir='rtl'] .list-item-gpx-browse svg {
+ transform: rotateY(180deg);
+}
+
/* make sure tooltip fits in map-control panel */
/* if too wide, placement will be wrong the first time it displays */
.layer-list li.best .tooltip-inner {
.hide-toggle {
display: block;
- padding-left:12px;
+ padding-left: 12px;
position: relative;
}
+[dir='rtl'] .hide-toggle {
+ padding-left: 0;
+ padding-right: 12px;
+}
.hide-toggle:before {
content: '';
border-bottom: 4px solid transparent;
border-left: 8px solid #7092ff;
}
+[dir='rtl'] .hide-toggle:before {
+ left: auto;
+ right: 0;
+ border-left: none;
+ border-right: 8px solid #7092ff;
+}
.hide-toggle.expanded:before {
border-top: 8px solid #7092ff;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
+[dir='rtl'] .hide-toggle.expanded:before {
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+}
+
/* Adjust Alignment controls */
.opacity-options {
background: url(<%= asset_path("iD/img/background-pattern-opacity.png") %>) 0 0 repeat;
- height:20px;
- width:82px;
+ height: 20px;
+ width: 82px;
position: absolute;
right: 50px;
top: 20px;
border: 1px solid #ccc;
}
+[dir='rtl'] .opacity-options {
+ left: 50px;
+ right: auto;
+}
.opacity-options li {
height: 100%;
.opacity-options li .select-box{
position: absolute;
- width:20px;
- height:18px;
+ width: 20px;
+ height: 18px;
z-index: 9999;
}
border-left: 1px solid #CCC;
border-radius: 0;
}
+[dir='rtl'] .map-data-control .layer-list button,
+[dir='rtl'] .background-control .layer-list button {
+ float: left;
+ border-left: none;
+ border-right: 1px solid #CCC;
+}
.map-data-control .layer-list button .icon,
.background-control .layer-list button .icon {
.background-control .layer-list button:first-of-type {
border-radius: 0 3px 3px 0;
}
+[dir='rtl'] .map-data-control .layer-list button:first-of-type,
+[dir='rtl'] .background-control .layer-list button:first-of-type {
+ border-radius: 3px 0 0 3px;
+}
.map-data-control .map-overlay,
.background-control .map-overlay,
z-index: -1;
}
-
/* Geolocator */
.geolocate-control {
.geolocate-control button {
border-radius: 0 0 0 4px;
}
+[dir='rtl'] .geolocate-control button {
+ border-radius: 0 0 4px 0;
+}
.map-overlay.content {
position: fixed;
right: 0;
overflow: auto;
}
+[dir='rtl'] .map-overlay.content {
+ padding: 20px 20px 20px 50px;
+ left: 0;
+ right: auto !important;
+}
/* Help */
.help-control button {
border-radius: 0 0 0 4px;
}
+[dir='rtl'] .help-control button {
+ border-radius: 0 0 4px 0;
+}
.help-wrap p {
font-size: 15px;
background: none;
color: #ddd;
}
+[dir='rtl'] .panel-title button.close {
+ float: left;
+}
.panel-title button.close:hover {
color: #fff;
border-radius: 2px;
padding: 0 4px;
margin-top: 10px;
+ margin-right: 10px;
color: white;
}
+[dir='rtl'] .panel-content .button {
+ margin-right: auto;
+ margin-left: 10px;
+}
.panel-content-history .links a {
margin-left: 10px;
float: left;
height: 12px;
min-width: 12px;
- font-size:12px;
+ font-size: 12px;
line-height: 12px;
- border-radius:24px;
- padding:5px;
- background:#7092ff;
- color:#fff;
+ border-radius: 24px;
+ padding: 5px;
+ background: #7092ff;
+ color: #fff;
+}
+
+.mode-save .field-warning {
+ background: #ffb;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ padding: 10px;
+}
+
+.mode-save .field-warning:empty {
+ display: none;
}
+.mode-save .field-warning,
+.mode-save .changeset-info,
+.mode-save .request-review,
.mode-save .commit-info {
margin-bottom: 10px;
}
+.mode-save .request-review label {
+ cursor: pointer;
+}
+
.mode-save .changeset-list {
- border:1px solid #ccc;
+ border: 1px solid #ccc;
border-radius: 4px;
- background:#fff;
+ background: #fff;
+ margin-bottom: 10px;
+}
+
+.mode-save .warning-section {
+ background: #ffb;
}
.mode-save .warning-section .changeset-list button {
- border-left: 1px solid #CCC;
+ border-left: 1px solid #ccc;
}
.mode-save .changeset-list li {
position: relative;
- border-top:1px solid #ccc;
- padding:5px 10px;
+ border-top: 1px solid #ccc;
+ padding: 5px 10px;
cursor: pointer;
}
}
.changeset-list li span.count {
- font-size:10px;
- color:#555;
+ font-size: 10px;
+ color: #555;
}
.mode-save .commit-section .changeset-list button {
.notice {
position: absolute;
- top: 0;
- bottom: 0;
+ top: 45px;
left: 0;
right: 0;
text-align: center;
- background: #fff;
}
.notice .zoom-to {
margin: auto;
- width: 80%;
- height: 100px;
- border-radius: 5px;
- line-height: 40px;
- color: #000;
- opacity: 0.9;
+ width: 300px;
+ height: 70px;
+ font-size: 150%;
+ border-radius: 8px;
}
.notice .zoom-to:hover {
- background: #d8e1ff;
+ background: rgba(0,0,0,0.6);
}
.notice .zoom-to .icon {
- margin-top:10px;
- margin-right:10px;
+ width: 30px;
+ height: 30px;
+ vertical-align: middle;
+ margin-right: 10px;
+}
+[dir='rtl'] .notice .zoom-to .icon {
+ margin-left: 10px;
+ margin-right: 0;
}
/* Tooltips
.add-point .tooltip {
left: 33.3333% !important;
}
+[dir='rtl'] .add-point .tooltip {
+ left: inherit !important;
+}
+
.add-point .tooltip .tooltip-arrow {
left: 60px;
}
width: 100px;
color: #7092FF;
}
-
-
-/* Right-to-left localization settings */
-
-[dir='rtl'] #sidebar {
- float: right;
-}
-
-[dir='rtl'] #sidebar .search-header .icon {
- left: auto;
- right: 10px;
-}
-
-/* header */
-[dir='rtl'] .header h3 {
- text-align: right;
- padding: 20px 40px 20px 20px;
-}
-
-[dir='rtl'] .entity-editor-pane .header button.preset-choose {
- left: auto;
- right: 0;
-}
-
-[dir='rtl'] .entity-editor-pane .header button.preset-close, [dir='rtl'] .preset-list-pane .header button.preset-choose {
- left: 0;
- right: auto;
-}
-
-[dir='rtl'] .map-data-control .layer-list button, [dir='rtl'] .background-control .layer-list button {
- float: left;
- border-left: none;
- border-right: 1px solid #CCC;
-}
-
-[dir='rtl'] .map-data-control .layer-list button:first-of-type, [dir='rtl'] .background-control .layer-list button:first-of-type {
- border-radius: 3px 0 0 3px;
-}
-
-/* search */
-[dir='rtl'] .feature-list-item .label {
- text-align: right;
-}
-
-[dir='rtl'] .feature-list-item .entity-name {
- padding-left: 0;
- padding-right: 10px;
-}
-
-/* preset form */
-
-[dir='rtl'] .combobox-caret {
- margin-left: 0;
- margin-right: -30px;
-}
-
-[dir='rtl'] .icon.pre-text {
- margin-left: 5px;
- margin-right: 0;
-}
-
-[dir='rtl'] .notice .zoom-to .icon {
- margin-left: 10px;
- margin-right: 0;
-}
-
-[dir='rtl'] .preset-list-button .label {
- text-align: right;
- left: 0;
- right: 60px;
- border-left: none;
- border-right: 1px solid rgba(0, 0, 0, .1);
- border-radius: 3px 0 0 3px;
-}
-
-[dir='rtl'] .preset-list-item button.tag-reference-button {
- left: 0;
- right: auto;
- border-radius: 3px 0 0 3px;
-}
-
-[dir='rtl'] .preset-list-button-wrap .preset-icon {
- left: auto;
- right: auto;
-}
-
-[dir='rtl'] .preset-list-button-wrap .preset-icon-28 {
- right: 16px;
-}
-
-[dir='rtl'] .preset-list-button-wrap .preset-icon-24 {
- right: 18px;
-}
-
-[dir='rtl'] input[type="checkbox"], [dir='rtl'] input[type="radio"] {
- float: right;
- margin-left: 5px;
- margin-right: 0;
-}
-
-[dir='rtl'] .preset-input-wrap .col6 {
- float: right;
-}
-
-/* map control buttons */
-[dir='rtl'] .map-controls {
- left: 0;
- right: auto;
-}
-
-[dir='rtl'] .background-control button,
-[dir='rtl'] .zoombuttons button.zoom-in {
- border-radius: 0 4px 0 0;
-}
-
-[dir='rtl'] .help-control button,
-[dir='rtl'] .geolocate-control button {
- border-radius: 0 0 4px 0;
-}
-
-[dir='rtl'] .list-item-gpx-browse svg {
- transform: rotateY(180deg);
-}
-
-/* map control button overlays */
-[dir='rtl'] .map-overlay {
- padding: 20px 20px 20px 50px;
- left: 0;
- right: auto !important;
-}
-
-[dir='rtl'] .opacity-options {
- left: 50px;
- right: auto;
-}
-
-[dir='rtl'] .hide-toggle {
- padding-left: 0;
- padding-right: 12px;
-}
-
-[dir='rtl'] .hide-toggle:before {
- left: auto;
- right: 0;
- border-left: none;
- border-right: 8px solid #7092ff;
-}
-
-[dir='rtl'] .hide-toggle.expanded:before {
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
-}
-
-/* navbar */
-[dir='rtl'] #bar .spacer,
-[dir='rtl'] #bar .button-wrap,
-[dir='rtl'] #bar .button-wrap button {
- float: right;
-}
-
-[dir='rtl'] .add-point .tooltip {
- left: inherit !important;
-}
-
-[dir='rtl'] .button-wrap:last-of-type {
- padding-left: 0;
- padding-right: 10px;
-}
-
-[dir='rtl'] button.save.has-count .count {
- margin-left: auto;
- margin-right: 8%;
-}
-
-[dir='rtl'] button.save.has-count .count::before {
- border-left: 6px solid rgba(255,255,255,.5);
- border-right: none;
- left: auto;
- right: -6px;
-}
-
-[dir='rtl'] .joined button {
- border-left: 1px solid rgba(0,0,0,.5);
- border-right: none;
-}
-
-[dir='rtl'] .joined button:first-child {
- border-radius: 0 4px 4px 0;
-}
-
-[dir='rtl'] .joined button:last-child {
- border-radius: 4px 0 0 4px;
-}
-
-
-/* increment / decrement control - code by Naoufel Razouane */
-
-[dir='rtl'] .spin-control{
- margin-left: 0;
- margin-right: -20%;
-}
-[dir='rtl'] .spin-control button{
- border-left: 0;
- border-right: 1px solid #CCC;
-}
-[dir='rtl'] .spin-control button.decrement{
- border-bottom-right-radius: 0;
-}
-[dir='rtl'] .spin-control button.increment{
- border-bottom-left-radius: 3px;
-}
-/* modal */
-[dir='rtl'] .modal > button {
- position: absolute;
- left: 0;
- right: unset;
- top: 0;
-}
-
projects / rails.git / blobdiff