Refactoring styles, simplifying the hierarchy

2026-01-30 03:14:27 +01:00 · 2018-03-29 22:27:05 -05:00
parent 53c53b98e6
commit b976adeefe
2 changed files with 59 additions and 14 deletions
--- a/BTCPayServer/wwwroot/css/normalizer.css
+++ b/BTCPayServer/wwwroot/css/normalizer.css
@@ -11290,3 +11290,53 @@ low-fee-timeline {
 .no-bounce * .status-icon__wrapper__outline {
    animation: none !important;
 }
+
+
+/* checkout additions */
+.copySectionBox label {
+    text-transform: uppercase;
+    font-size: 10px;
+    color: #515664;
+    opacity: .5;
+    letter-spacing: .6px;
+    margin-bottom: 14px;
+}
+
+.checkoutTextbox {
+    width: 100%;
+    border: 1px solid #e9e9e9;
+    border-radius: 4px;
+    outline: none;
+    padding: 8px 10px;
+    background: #f6f6f6;
+    box-sizing: border-box;
+    transition: .3s;
+    font-size: 10px;
+    color: #4a4a4a;
+    cursor: copy;
+}
+
+.inputWithIcon .checkoutTextbox {
+    padding-left: 40px;
+}
+
+.inputWithIcon {
+    position: relative;
+}
+
+    .inputWithIcon img {
+        position: absolute;
+        left: 2px;
+        top: 8px;
+        color: #aaa;
+        height: 16px;
+        padding: 0px 6px;
+        border-right: 1px solid #e9e9e9;
+    }
+
+    .inputWithIcon.inputIconBg img {
+        background-color: #aaa;
+        color: #fff;
+        padding: 9px 4px;
+        border-radius: 4px 0 0 4px;
+    }