]> git.openstreetmap.org Git - rails.git/blobdiff - app/assets/stylesheets/common.scss
Remove donation drive banner
[rails.git] / app / assets / stylesheets / common.scss
index b7ba464c0cdea8296ebcc0c6c1b1d58f399cda7a..61975d5f6fe71f62e4db77ff1cf90a8815c43b4a 100644 (file)
@@ -15,9 +15,15 @@ fieldset,img { border: 0; }
 
 legend { color: #000; }
 
 
 legend { color: #000; }
 
-sup { vertical-align: text-top; }
+sup {
+  vertical-align: super;
+  font-size: smaller;
+}
 
 
-sub { vertical-align: text-bottom; }
+sub {
+  vertical-align: sub;
+  font-size: smaller;
+}
 
 table {
   border-collapse: collapse;
 
 table {
   border-collapse: collapse;
@@ -466,90 +472,6 @@ nav.secondary {
   margin-top: 50px;
 }
 
   margin-top: 50px;
 }
 
-/* Rules for bootstrap tooltips */
-
-.tooltip {
-  position: absolute;
-  display: none;
-  color: #333;
-  text-align: left;
-  font-size: 12px;
-  max-width: 250px;
-}
-
-.tooltip.in {
-  opacity: 0.8;
-  z-index: 1030;
-  height: auto;
-  display: block;
-}
-
-.tooltip.top {
-  margin-top: -10px;
-  text-align: center;
-}
-
-.tooltip.right {
-  margin-left: 10px;
-}
-
-.tooltip.bottom {
-  margin-top: 10px;
-  text-align: center;
-}
-
-.tooltip.left {
-  margin-left: -10px;
-  text-align: right;
-}
-
-.tooltip-inner {
-  display: inline-block;
-  padding: 10px;
-  font-weight: normal;
-  background-color: white;
-}
-
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
-.tooltip.top .tooltip-arrow {
-  bottom: -5px;
-  left: 50%;
-  margin-left: -5px;
-  border-top-color: white;
-  border-width: 5px 5px 0;
-}
-
-.tooltip.right .tooltip-arrow {
-  top: 50%;
-  left: -5px;
-  margin-top: -5px;
-  border-right-color: white;
-  border-width: 5px 5px 5px 0;
-}
-
-.tooltip.left .tooltip-arrow {
-  top: 50%;
-  right: -5px;
-  margin-top: -5px;
-  border-left-color: white;
-  border-width: 5px 0 5px 5px;
-}
-
-.tooltip.bottom .tooltip-arrow {
-  top: -5px;
-  left: 50%;
-  margin-left: -5px;
-  border-bottom-color: white;
-  border-width: 0 5px 5px;
-}
-
 /* Rules for Leaflet maps */
 
 .leaflet-control .control-button {
 /* Rules for Leaflet maps */
 
 .leaflet-control .control-button {
@@ -636,6 +558,12 @@ nav.secondary {
       float: right;
       cursor: pointer;
     }
       float: right;
       cursor: pointer;
     }
+
+    p.error {
+      background-color: #ff7070;
+      padding: 10px;
+      font-weight: bold;
+    }
   }
 
   .welcome {
   }
 
   .welcome {
@@ -688,6 +616,10 @@ nav.secondary {
     &.query-disabled {
       cursor: not-allowed;
     }
     &.query-disabled {
       cursor: not-allowed;
     }
+    
+    .leaflet-marker-draggable {
+      cursor: move;
+    }
   }
 
   #map-ui {
   }
 
   #map-ui {
@@ -789,6 +721,7 @@ nav.secondary {
       text-decoration: none;
       background-color: $lightblue;
       padding: 5px 10px;
       text-decoration: none;
       background-color: $lightblue;
       padding: 5px 10px;
+      border-right: 1px solid #fff;
     }
 
     a:first-child {
     }
 
     a:first-child {
@@ -797,7 +730,6 @@ nav.secondary {
     }
 
     a:last-child {
     }
 
     a:last-child {
-      border-left: 1px solid #fff;
       border-radius: 0 4px 4px 0;
     }
 
       border-radius: 0 4px 4px 0;
     }
 
@@ -857,6 +789,10 @@ nav.secondary {
 
 #attribution {
   display: none;
 
 #attribution {
   display: none;
+
+  table {
+    width: 100%
+  }
 }
 
 .attribution_license,
 }
 
 .attribution_license,
@@ -995,10 +931,23 @@ header .search_forms,
     float: right;
   }
 
     float: right;
   }
 
+  div.header {
+    width: 100%;
+    height: 30px;
+  }
+
   div.line {
     width: 100%;
     margin: 0px 0px 5px 0px;
   }
   div.line {
     width: 100%;
     margin: 0px 0px 5px 0px;
   }
+
+  div.loader_copy {
+    display: none;
+
+    img {
+      vertical-align: middle;
+    }
+  }
 }
 
 /* Rules for the map key which appears in the popout sidebar */
 }
 
 /* Rules for the map key which appears in the popout sidebar */
@@ -1035,6 +984,7 @@ header .search_forms,
 
 .search_results_error {
   color: #f00;
 
 .search_results_error {
   color: #f00;
+  padding: 10px 20px;
 }
 
 /* Rules for routing */
 }
 
 /* Rules for routing */
@@ -1076,7 +1026,7 @@ tr.turn:hover {
     background: $list-highlight;
 }
 .routing_engines, #route_from, #route_to { margin-left: 25px; }
     background: $list-highlight;
 }
 .routing_engines, #route_from, #route_to { margin-left: 25px; }
-.routing_marker { width: 15px; position: absolute; }
+.routing_marker { width: 15px; position: absolute; cursor: move; }
 
 /* Rules for entity history */
 
 
 /* Rules for entity history */
 
@@ -1681,11 +1631,11 @@ tr.turn:hover {
 
 /* Rules for the log in page */
 
 
 /* Rules for the log in page */
 
-#login_openid_buttons {
+#login_auth_buttons {
   margin-bottom: 0;
 }
 
   margin-bottom: 0;
 }
 
-#login_openid_buttons li {
+#login_auth_buttons li {
   float: left;
   padding: $lineheight/4 $lineheight/2;
 }
   float: left;
   padding: $lineheight/4 $lineheight/2;
 }
@@ -1844,19 +1794,26 @@ tr.turn:hover {
 
 /* Rules for "flash" notice boxes shown at the top of the content area */
 
 
 /* Rules for "flash" notice boxes shown at the top of the content area */
 
-.error {
+.flash {
   padding: $lineheight;
   padding: $lineheight;
-  background-color: #ff7070;
-}
 
 
-.warning {
-  padding: $lineheight;
-  background-color: #ffe0cc;
-}
+  &.error {
+    background-color: #ff7070;
+  }
 
 
-.notice {
-  padding: $lineheight;
-  background-color: #CBEEA7;
+  &.warning {
+    background-color: #ffe0cc;
+  }
+
+  &.notice {
+    background-color: #CBEEA7;
+  }
+
+  div.message {
+    display: inline-block;
+    margin-left: $lineheight / 2;
+    vertical-align: middle;
+  }
 }
 
 /* Rules for highlighting fields with rails validation errors */
 }
 
 /* Rules for highlighting fields with rails validation errors */
@@ -1973,6 +1930,7 @@ input[type="email"],
 input[type="url"],
 input[type="password"],
 textarea {
 input[type="url"],
 input[type="password"],
 textarea {
+  color: #222;
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 2px 5px;
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 2px 5px;
@@ -2558,6 +2516,10 @@ input.richtext_title[type="text"] {
     background-position: -300px 0;
   }
 
     background-position: -300px 0;
   }
 
+  .sprite.rules {
+    background-position: -350px 0;
+  }
+
   .start-mapping {
     margin: auto;
     cursor: pointer;
   .start-mapping {
     margin: auto;
     cursor: pointer;
@@ -2708,6 +2670,7 @@ input.richtext_title[type="text"] {
     &.open         { background-position: 0px  -80px; }
     &.partners     { background-position: 0px -120px; }
     &.infringement { background-position: 0px -160px; }
     &.open         { background-position: 0px  -80px; }
     &.partners     { background-position: 0px -120px; }
     &.infringement { background-position: 0px -160px; }
+    &.legal        { background-position: -45px -160px; }
   }
 }
 
   }
 }