mirror of
https://github.com/cjfranko/NTP-Timeturner.git
synced 2025-11-08 18:32:02 +00:00
style: Update portal styling with new colours and header image
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
parent
fbae58fb1d
commit
4af732dab0
2 changed files with 8 additions and 7 deletions
|
|
@ -8,7 +8,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>NTP TimeTurner</h1>
|
<img src="assets/header.png" alt="NTP Timeturner" class="header-logo">
|
||||||
|
|
||||||
<!-- Mock Data Controls (hidden by default) -->
|
<!-- Mock Data Controls (hidden by default) -->
|
||||||
<div id="mock-controls" class="card full-width" style="display: none;">
|
<div id="mock-controls" class="card full-width" style="display: none;">
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'FuturaStdHeavy', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
font-family: 'FuturaStdHeavy', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||||
background-color: #f4f4f9;
|
background-color: #221f1f;
|
||||||
color: #333;
|
color: #333;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
|
@ -23,9 +23,10 @@ body {
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
.header-logo {
|
||||||
text-align: center;
|
display: block;
|
||||||
color: #444;
|
margin: 0 auto 20px auto;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid {
|
.grid {
|
||||||
|
|
@ -35,7 +36,7 @@ h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
background: #fff;
|
background: #c5ced6;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||||
|
|
@ -43,7 +44,7 @@ h1 {
|
||||||
|
|
||||||
.card h2 {
|
.card h2 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
color: #0056b3;
|
color: #1a7db6;
|
||||||
}
|
}
|
||||||
|
|
||||||
#ltc-timecode, #system-clock {
|
#ltc-timecode, #system-clock {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue