Initial commit: apps.supersamsev.ru

webroot/css/delivery.css

@@ -0,0 +1,71 @@
+html, body, #map {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+}
+
+#result { display: none;background: #fff; }
+#result.active {
+    padding: 10px 20px 10px 10px;
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-160px, -30px);
+    z-index: 9999;
+    width: 315px;
+    box-sizing: border-box;
+    box-shadow: 0 0 2px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
+}
+
+#resultsClose {
+    position: absolute;
+    right: 8px;
+    top: 4px;
+    font-size: 20px;
+    color: #666;
+    cursor: pointer;
+}
+ymaps #resultsClose { display: none;}
+#resultsClose:hover { color: #333; }
+
+#result, .resultInner {
+    font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
+    font-size:15px;
+}
+
+#map h3, #map p, #result h3, .resultInner h3 {
+    font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
+    font-size: 16px;
+}
+
+#map h3, #result h3, .resultInner h3 {
+    margin: 0;
+}
+
+#map p, #result p {
+    font-size: 13px;
+    margin: 0.5rem 0 1rem 0;
+}
+
+.delivery-logo-row {
+    position: fixed;
+    top: 5px;
+    right: 15px;
+}
+
+.delivery-logo-row img {
+    max-height: 54px; 
+    width: auto;
+}
+
+a:focus, a:hover {
+    outline: 0 none !important;
+}
+
+@media (max-width: 640px) {
+    .delivery-logo-row {
+        display: none;
+    }
+}