|
|
@@ -17,7 +17,7 @@
|
|
|
h1 {
|
|
|
color: #000;
|
|
|
margin-bottom: 10px;
|
|
|
- font-size: 18px;
|
|
|
+ font-size: 24px;
|
|
|
letter-spacing: 3px;
|
|
|
font-weight: bold;
|
|
|
text-transform: uppercase;
|
|
|
@@ -25,7 +25,7 @@
|
|
|
h2 {
|
|
|
color: #000;
|
|
|
margin: 30px 0 15px;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 16px;
|
|
|
letter-spacing: 2px;
|
|
|
font-weight: bold;
|
|
|
text-transform: uppercase;
|
|
|
@@ -60,9 +60,9 @@
|
|
|
background: white;
|
|
|
color: #000;
|
|
|
border: 2px solid #000;
|
|
|
- padding: 8px 16px;
|
|
|
+ padding: 10px 20px;
|
|
|
cursor: pointer;
|
|
|
- font-size: 12px;
|
|
|
+ font-size: 13px;
|
|
|
font-family: 'Courier New', monospace;
|
|
|
margin-top: 10px;
|
|
|
text-transform: uppercase;
|
|
|
@@ -90,7 +90,7 @@
|
|
|
border-bottom: 3px solid #000;
|
|
|
}
|
|
|
.tab {
|
|
|
- padding: 10px 20px;
|
|
|
+ padding: 12px 24px;
|
|
|
background: #e8e8e8;
|
|
|
color: #000;
|
|
|
border: 2px solid #000;
|
|
|
@@ -100,7 +100,7 @@
|
|
|
font-family: 'Courier New', monospace;
|
|
|
text-transform: uppercase;
|
|
|
letter-spacing: 1px;
|
|
|
- font-size: 12px;
|
|
|
+ font-size: 13px;
|
|
|
}
|
|
|
.tab:hover { background: #d0d0d0; }
|
|
|
.tab.active {
|
|
|
@@ -137,11 +137,11 @@
|
|
|
font-weight: bold;
|
|
|
color: #000;
|
|
|
text-transform: uppercase;
|
|
|
- font-size: 11px;
|
|
|
+ font-size: 12px;
|
|
|
letter-spacing: 1px;
|
|
|
}
|
|
|
tr:hover { background: #fafafa; }
|
|
|
- td { font-size: 13px; }
|
|
|
+ td { font-size: 14px; }
|
|
|
|
|
|
/* Forms */
|
|
|
.form-group {
|
|
|
@@ -153,7 +153,7 @@
|
|
|
font-weight: bold;
|
|
|
color: #000;
|
|
|
text-transform: uppercase;
|
|
|
- font-size: 11px;
|
|
|
+ font-size: 12px;
|
|
|
letter-spacing: 1px;
|
|
|
}
|
|
|
input[type="text"], input[type="datetime-local"], textarea, select {
|
|
|
@@ -163,7 +163,7 @@
|
|
|
background: white;
|
|
|
color: #000;
|
|
|
font-family: 'Courier New', monospace;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 15px;
|
|
|
}
|
|
|
input:focus, textarea:focus, select:focus {
|
|
|
outline: none;
|
|
|
@@ -171,7 +171,7 @@
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
textarea { min-height: 80px; }
|
|
|
- small { color: #666; font-size: 11px; }
|
|
|
+ small { color: #666; font-size: 12px; }
|
|
|
|
|
|
/* Status badges */
|
|
|
.badge {
|
|
|
@@ -227,13 +227,11 @@
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<h1>LETTA SWITCHBOARD — MESSAGE ROUTING SERVICE</h1>
|
|
|
- <div style="border: 2px solid #000; padding: 10px; margin-bottom: 30px; background: #fafafa;">
|
|
|
- <div style="font-size: 11px; line-height: 1.8;">
|
|
|
- <strong>SYSTEM:</strong> MESSAGE ROUTING TERMINAL<br>
|
|
|
- <strong>VERSION:</strong> 1.0.0<br>
|
|
|
- <strong>STATUS:</strong> OPERATIONAL<br>
|
|
|
- <strong>PROTOCOL:</strong> REST API + SCHEDULED EXECUTION
|
|
|
- </div>
|
|
|
+ <div style="border: 2px solid #000; padding: 15px; margin-bottom: 30px; background: #fafafa;">
|
|
|
+ <pre style="font-family: 'Courier New', monospace; font-size: 13px; line-height: 1.8; margin: 0;">SYSTEM: MESSAGE ROUTING TERMINAL
|
|
|
+VERSION: 1.0.0
|
|
|
+STATUS: OPERATIONAL
|
|
|
+PROTOCOL: REST API + SCHEDULED EXECUTION</pre>
|
|
|
</div>
|
|
|
|
|
|
<!-- API Key Input -->
|
Cameron Pfiffer