lnlink-server 1.0.1 → 1.0.3

package/public/css/initOwner.css

@@ -1,553 +0,0 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);
-    min-height: 100vh;
-    color: #e0e0e0;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    overflow-x: hidden;
-}
-
-/* Animated background particles */
-body::before {
-    content: '';
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-image:
-        radial-gradient(2px 2px at 20px 30px, rgba(255, 255, 255, 0.1), transparent),
-        radial-gradient(2px 2px at 40px 70px, rgba(255, 255, 255, 0.05), transparent),
-        radial-gradient(1px 1px at 90px 40px, rgba(255, 255, 255, 0.08), transparent);
-    background-size: 100px 100px;
-    animation: float 20s infinite linear;
-    pointer-events: none;
-    z-index: -1;
-}
-
-@keyframes float {
-    0% {
-        transform: translate(0, 0);
-    }
-    50% {
-        transform: translate(-10px, -10px);
-    }
-    100% {
-        transform: translate(0, 0);
-    }
-}
-
-.root {
-    max-width: 1000px;
-    margin: 40px auto;
-    padding: 40px;
-    background: rgba(30, 30, 30, 0.95);
-    border-radius: 20px;
-    box-shadow:
-        0 20px 60px rgba(0, 0, 0, 0.4),
-        0 0 0 1px rgba(255, 255, 255, 0.05);
-    backdrop-filter: blur(10px);
-    position: relative;
-    overflow: hidden;
-}
-
-.root::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 3px;
-    background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #ffeaa7);
-    background-size: 200% 100%;
-    animation: shimmer 3s infinite;
-}
-
-@keyframes shimmer {
-    0%, 100% {
-        background-position: 200% 0;
-    }
-    50% {
-        background-position: -200% 0;
-    }
-}
-
-h1 {
-    color: #fff;
-    text-align: center;
-    margin-bottom: 40px;
-    font-size: 2.5rem;
-    font-weight: 300;
-    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
-    position: relative;
-}
-
-h1::after {
-    content: '';
-    position: absolute;
-    bottom: -10px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 80px;
-    height: 2px;
-    background: linear-gradient(90deg, #4ecdc4, #45b7d1);
-    border-radius: 1px;
-}
-
-/* Tab styling */
-.nav-tabs {
-    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
-    margin-bottom: 30px;
-}
-
-.nav-tabs .nav-link {
-    background: transparent;
-    border: none;
-    color: #b0b0b0;
-    padding: 15px 25px;
-    font-weight: 500;
-    transition: all 0.3s ease;
-    position: relative;
-    border-radius: 10px 10px 0 0;
-}
-
-.nav-tabs .nav-link:hover {
-    color: #4ecdc4;
-    background: rgba(78, 205, 196, 0.1);
-    border-color: transparent;
-}
-
-.nav-tabs .nav-link.active {
-    color: #fff;
-    background: rgba(78, 205, 196, 0.2);
-    border-color: transparent;
-    border-bottom: 2px solid #4ecdc4;
-}
-
-.nav-tabs .nav-link.active::after {
-    content: '';
-    position: absolute;
-    bottom: -2px;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    background: linear-gradient(90deg, #4ecdc4, #45b7d1);
-}
-
-.tab-content {
-    min-height: 400px;
-}
-
-.info-section {
-    margin-bottom: 30px;
-}
-
-.info-title {
-    font-size: 1.2rem;
-    font-weight: 500;
-    color: #b0b0b0;
-    margin-bottom: 20px;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.info-title i {
-    color: #4ecdc4;
-}
-
-.list-group {
-    background: transparent;
-    border: none;
-    gap: 12px;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-}
-
-.list-group-item {
-    background: rgba(45, 45, 55, 0.6);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 12px;
-    padding: 15px 20px;
-    color: #e0e0e0;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.list-group-item::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 4px;
-    height: 100%;
-    background: linear-gradient(180deg, #4ecdc4, #45b7d1);
-    opacity: 0;
-    transition: opacity 0.3s ease;
-}
-
-.list-group-item:hover {
-    background: rgba(55, 55, 65, 0.8);
-    border-color: rgba(255, 255, 255, 0.2);
-    transform: translateY(-2px);
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
-}
-
-.list-group-item:hover::before {
-    opacity: 1;
-}
-
-.info-key {
-    font-weight: 600;
-    color: #b0b0b0;
-    font-size: 0.9rem;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    margin-bottom: 4px;
-}
-
-.info-value-container {
-    display: flex;
-    align-items: center;
-}
-
-.info-value {
-    color: #e0e0e0;
-    word-break: break-all;
-    font-size: 0.95rem;
-    line-height: 1.4;
-    font-weight: 500;
-}
-
-/* Status colors */
-.status-success {
-    color: #4ade80 !important;
-    text-shadow: 0 0 10px rgba(74, 222, 128, 0.3);
-}
-
-.status-error {
-    color: #f87171 !important;
-    text-shadow: 0 0 10px rgba(248, 113, 113, 0.3);
-}
-
-.status-warning {
-    color: #fbbf24 !important;
-    text-shadow: 0 0 10px rgba(251, 191, 36, 0.3);
-}
-
-/* Status icons */
-.status-icon {
-    margin-right: 8px;
-    font-size: 0.9rem;
-}
-
-/* Link styling */
-.info-link {
-    color: #4ecdc4;
-    text-decoration: none;
-    transition: all 0.3s ease;
-    position: relative;
-}
-
-.info-link:hover {
-    color: #45b7d1;
-    text-decoration: none;
-}
-
-.info-link::after {
-    content: '';
-    position: absolute;
-    bottom: -2px;
-    left: 0;
-    width: 0;
-    height: 2px;
-    background: linear-gradient(90deg, #4ecdc4, #45b7d1);
-    transition: width 0.3s ease;
-}
-
-.info-link:hover::after {
-    width: 100%;
-}
-
-/* Form styling */
-.form-section {
-    margin-top: 20px;
-}
-
-.form-control, .form-select {
-    background: rgba(45, 45, 55, 0.6);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 10px;
-    color: #e0e0e0;
-    padding: 12px 16px;
-    transition: all 0.3s ease;
-}
-
-/* Placeholder styling for better visibility */
-.form-control::placeholder {
-    color: #a0a0a0;
-    opacity: 1;
-}
-
-.form-control::-webkit-input-placeholder {
-    color: #a0a0a0;
-    opacity: 1;
-}
-
-.form-control::-moz-placeholder {
-    color: #a0a0a0;
-    opacity: 1;
-}
-
-.form-control:-ms-input-placeholder {
-    color: #a0a0a0;
-    opacity: 1;
-}
-
-.form-control:focus, .form-select:focus {
-    background: rgba(55, 55, 65, 0.8);
-    border-color: #4ecdc4;
-    color: #e0e0e0;
-    box-shadow: 0 0 0 0.25rem rgba(78, 205, 196, 0.15);
-}
-
-.form-select option {
-    background: #2d2d37;
-    color: #e0e0e0;
-}
-
-.form-label {
-    color: #b0b0b0;
-    font-weight: 500;
-    margin-bottom: 8px;
-}
-
-.btn-primary {
-    background: linear-gradient(135deg, #4ecdc4, #45b7d1);
-    border: none;
-    border-radius: 10px;
-    padding: 12px 30px;
-    font-weight: 500;
-    transition: all 0.3s ease;
-    box-shadow: 0 4px 15px rgba(78, 205, 196, 0.3);
-}
-
-.btn-primary:hover {
-    background: linear-gradient(135deg, #45b7d1, #4ecdc4);
-    transform: translateY(-2px);
-    box-shadow: 0 6px 20px rgba(78, 205, 196, 0.4);
-}
-
-.btn-secondary {
-    background: rgba(108, 117, 125, 0.6);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 10px;
-    padding: 12px 30px;
-    font-weight: 500;
-    transition: all 0.3s ease;
-    color: #e0e0e0;
-}
-
-.btn-secondary:hover {
-    background: rgba(108, 117, 125, 0.8);
-    border-color: rgba(255, 255, 255, 0.2);
-    transform: translateY(-2px);
-    color: #e0e0e0;
-}
-
-.valid-feedback {
-    color: #4ade80;
-}
-
-.invalid-feedback {
-    color: #f87171;
-}
-
-/* Loading animation */
-.loading {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    border: 2px solid rgba(255, 255, 255, 0.3);
-    border-radius: 50%;
-    border-top-color: #4ecdc4;
-    animation: spin 1s ease-in-out infinite;
-    margin-right: 10px;
-}
-
-@keyframes spin {
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-/* Advanced config grid */
-.config-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 20px;
-    margin-top: 20px;
-}
-
-.config-group {
-    background: rgba(45, 45, 55, 0.3);
-    border-radius: 10px;
-    padding: 20px;
-    border: 1px solid rgba(255, 255, 255, 0.05);
-}
-
-.config-group h6 {
-    color: #4ecdc4;
-    margin-bottom: 15px;
-    font-weight: 600;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-/* Responsive design */
-@media (max-width: 768px) {
-    .root {
-        margin: 20px;
-        padding: 30px 20px;
-    }
-
-    h1 {
-        font-size: 2rem;
-    }
-
-    .info-key {
-        font-size: 0.85rem;
-        margin-bottom: 6px;
-    }
-
-    .config-grid {
-        grid-template-columns: 1fr;
-    }
-
-    .list-group {
-        grid-template-columns: 1fr;
-    }
-
-    .nav-tabs .nav-link {
-        padding: 12px 15px;
-        font-size: 0.9rem;
-    }
-}
-
-/* Network indicator */
-.network-indicator {
-    display: inline-block;
-    padding: 4px 12px;
-    border-radius: 20px;
-    font-size: 0.75rem;
-    font-weight: 600;
-    text-transform: uppercase;
-    margin-left: 10px;
-}
-
-.network-regtest {
-    background: rgba(251, 191, 36, 0.2);
-    color: #fbbf24;
-    border: 1px solid rgba(251, 191, 36, 0.3);
-}
-
-.network-testnet {
-    background: rgba(59, 130, 246, 0.2);
-    color: #3b82f6;
-    border: 1px solid rgba(59, 130, 246, 0.3);
-}
-
-.network-mainnet {
-    background: rgba(34, 197, 94, 0.2);
-    color: #22c55e;
-    border: 1px solid rgba(34, 197, 94, 0.3);
-}
-
-/* Modal styling improvements */
-.modal-content {
-    background: rgba(30, 30, 30, 0.95);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 15px;
-    color: #e0e0e0;
-    backdrop-filter: blur(10px);
-}
-
-.modal-header {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-    background: rgba(40, 40, 50, 0.8);
-    border-radius: 15px 15px 0 0;
-}
-
-.modal-footer {
-    border-top: 1px solid rgba(255, 255, 255, 0.1);
-    background: rgba(40, 40, 50, 0.8);
-    border-radius: 0 0 15px 15px;
-}
-
-.modal-title {
-    color: #fff;
-    font-weight: 500;
-    font-size: 1.25rem;
-}
-
-.modal-body {
-    background: rgba(25, 25, 35, 0.9);
-    color: #f0f0f0;
-    font-size: 1.1rem;
-    line-height: 1.6;
-    padding: 25px;
-    font-weight: 500;
-}
-
-/* Success modal styling */
-#successModal .modal-title {
-    color: #4ade80;
-}
-
-#successModal .modal-body {
-    color: #4ade80;
-    font-weight: 600;
-    text-shadow: 0 1px 3px rgba(74, 222, 128, 0.2);
-}
-
-#successModal .modal-header {
-    background: rgba(34, 197, 94, 0.1);
-    border-bottom-color: rgba(74, 222, 128, 0.2);
-}
-
-/* Error modal styling */
-#errorModal .modal-title {
-    color: #f87171;
-}
-
-#errorModal .modal-body {
-    color: #f87171;
-    font-weight: 600;
-    text-shadow: 0 1px 3px rgba(248, 113, 113, 0.2);
-}
-
-#errorModal .modal-header {
-    background: rgba(239, 68, 68, 0.1);
-    border-bottom-color: rgba(248, 113, 113, 0.2);
-}
-
-.btn-close {
-    filter: invert(1);
-    opacity: 0.7;
-    transition: opacity 0.3s ease;
-}
-
-.btn-close:hover {
-    opacity: 1;
-    transform: scale(1.1);
-}