OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Refactor content and improve descriptions across multiple pages for clarity and engagement; update CSS transitions and box-shadow effects for enhanced UI responsiveness.

Browse Source
This commit is contained in:
Matt Batchelder
2026-03-21 23:40:18 -04:00
parent 7928bc2cd7
commit 76421ee027
16 changed files with 70 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
theme/assets/css/main.css
View File

@@ -1088,13 +1088,12 @@ p:last-child { margin-bottom: 0; }
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 2rem;
transition: all var(--transition);
transition: box-shadow var(--transition), border-color var(--transition), background var(--transition);
position: relative;
}
.oribi-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-4px);
border-color: var(--color-primary-lt);
box-shadow: var(--shadow-lg);
border-color: var(--color-primary);
}
.oribi-card h3 { margin-bottom: .5rem; font-size: 1.1rem; }
.oribi-card p { color: var(--color-text-muted); font-size: .95rem; }
@@ -1481,10 +1480,9 @@ p:last-child { margin-bottom: 0; }
}
}
/* Touch devices - disable hover transform to prevent sticky states */
/* Touch devices - no hover state changes */
@media (hover: none) {
.oribi-card:hover {
transform: none;
box-shadow: none;
border-color: var(--color-border);
}
@@ -1921,12 +1919,11 @@ p:last-child { margin-bottom: 0; }
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 2rem;
transition: all var(--transition);
transition: box-shadow var(--transition), border-color var(--transition), background var(--transition);
}
.feature-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-4px);
border-color: var(--color-primary-lt);
box-shadow: var(--shadow-lg);
border-color: var(--color-primary);
}
.card-image {
display: block;
@@ -1968,11 +1965,11 @@ p:last-child { margin-bottom: 0; }
border-radius: var(--radius-lg);
padding: 2.5rem;
position: relative;
transition: all var(--transition);
transition: box-shadow var(--transition), border-color var(--transition), background var(--transition);
}
.pricing-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-4px);
box-shadow: var(--shadow-lg);
border-color: var(--color-primary);
}
.pricing-card.featured {
}
@@ -2098,7 +2095,7 @@ p:last-child { margin-bottom: 0; }
outline: 1px solid #000;
padding: 3px;
position: relative;
box-shadow: 0 14px 48px rgba(0,0,0,0.55);
box-shadow: 0 8px 28px rgba(0,0,0,0.35);
}
.dashboard-tv__body::after {
content: '\25B6';
@@ -2326,7 +2323,7 @@ p:last-child { margin-bottom: 0; }
display: flex;
align-items: stretch;
position: relative;
box-shadow: 0 16px 48px rgba(0,0,0,0.50);
box-shadow: 0 8px 28px rgba(0,0,0,0.30);
}
.da-tablet .da-body::before {
content: '';
@@ -2362,7 +2359,7 @@ p:last-child { margin-bottom: 0; }
display: flex;
align-items: stretch;
position: relative;
box-shadow: 0 10px 36px rgba(0,0,0,0.50);
box-shadow: 0 6px 20px rgba(0,0,0,0.30);
}
.da-monitor-sm .da-body::after {
content: '';
@@ -2403,7 +2400,7 @@ p:last-child { margin-bottom: 0; }
display: flex;
align-items: stretch;
position: relative;
box-shadow: 0 12px 40px rgba(0,0,0,0.50);
box-shadow: 0 6px 20px rgba(0,0,0,0.30);
}
.da-monitor-lg .da-stem {
width: 16px;
@@ -2431,7 +2428,7 @@ p:last-child { margin-bottom: 0; }
display: flex;
align-items: stretch;
position: relative;
box-shadow: 0 14px 48px rgba(0,0,0,0.55);
box-shadow: 0 8px 28px rgba(0,0,0,0.35);
}
.da-tv .da-body::after {
content: '\25B6';
@@ -2619,7 +2616,7 @@ p:last-child { margin-bottom: 0; }
display: flex;
align-items: stretch;
position: relative;
box-shadow: 0 14px 48px rgba(0,0,0,0.55);
box-shadow: 0 8px 28px rgba(0,0,0,0.35);
}
.ts-tv__screen {
width: 100%;
@@ -7267,7 +7264,7 @@ p:last-child { margin-bottom: 0; }
border: 1px solid #162030;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,0.55);
box-shadow: 0 10px 32px rgba(0,0,0,0.35);
color: #fff;
}