wire up frontend with PHP, badly

3 files changed, 28 insertions, 19 deletions

diff --git a/style/main.css b/style/main.css
index f373e37..0f76c33 100644
--- a/style/main.css
+++ b/style/main.css
@@ -190,14 +190,14 @@ a:hover { text-decoration: underline; }
     font-size: 32pt;
 }
 
-#gc-let  { color: var(--logo-a); font-size: 46pt; }
-#gc-me   { color: var(--logo-b); }
-#gc-man  { color: var(--logo-c); font-family: fn-code-logo, monospace; font-size: 30pt; }
-#gc-that { color: var(--logo-a); }
-#gc-for  { color: var(--logo-d); font-size: 38pt; }
-#gc-you  { color: var(--logo-b); display: inline-block; transform: rotate(-2.5deg); }
+#logo-let  { color: var(--logo-a); font-size: 46pt; }
+#logo-me   { color: var(--logo-b); }
+#logo-man  { color: var(--logo-c); font-family: fn-code-logo, monospace; font-size: 30pt; }
+#logo-that { color: var(--logo-a); }
+#logo-for  { color: var(--logo-d); font-size: 38pt; }
+#logo-you  { color: var(--logo-b); display: inline-block; transform: rotate(-2.5deg); }
 
-@keyframes verscale
+@keyframes logo-ver_scale
 {
     0%, 100%
     {
@@ -211,13 +211,13 @@ a:hover { text-decoration: underline; }
     }
 }
 
-#version_wrap
+#log-ver_wrap
 {
     display:    block;
     min-height: 30pt;
 }
 
-#version
+#logo-ver
 {
     display: block;
     float:   right;
@@ -227,7 +227,7 @@ a:hover { text-decoration: underline; }
 
     color: var(--fg);
 
-    animation: verscale 3.5s ease infinite;
+    animation: logo-ver_scale 3.5s ease infinite;
 }
 
 #search_pane
@@ -344,6 +344,15 @@ button:focus, input[type=submit]:focus
     border: 1px solid var(--abtn-brdf);
 }
 
+.btn-def
+{
+    width:   0 !important;
+    height:  0 !important;
+    padding: 0 !important;
+    border:  0 !important;
+    margin:  0 !important;
+}
+
 .hint   { color: var(--fg-light); }
 .center { text-align: center; }
 
diff --git a/style/man.css b/style/man.css
index b804d45..ee0cfa9 100644
--- a/style/man.css
+++ b/style/man.css
@@ -10,7 +10,7 @@
     margin-top:    3em;
     margin-bottom: 1em;
 
-    width: min(100% - 3rem, 10in);
+    width: min(100% - 5rem, 10in);
 }
 
 #lmmtfy
diff --git a/style/search.css b/style/search.css
index 8412b76..73ed99c 100644
--- a/style/search.css
+++ b/style/search.css
@@ -14,12 +14,12 @@
 #logo      { font-size: 1rem; }
 #logo > h1 { font-size: 1.5rem; }
 
-#gc-let    { font-size: 1.25em; }
-#gc-me     { font-size: 1em; }
-#gc-man    { font-size: 0.9em; }
-#gc-that   { font-size: 1em; }
-#gc-for    { font-size: 1.15em; }
-#gc-you    { font-size: 1em; }
+#logo-let    { font-size: 1.25em; }
+#logo-me     { font-size: 1em; }
+#logo-man    { font-size: 0.9em; }
+#logo-that   { font-size: 1em; }
+#logo-for    { font-size: 1.15em; }
+#logo-you    { font-size: 1em; }
 
 #main
 {
@@ -97,7 +97,7 @@
     margin:  3pt 0 0 0;
 }
 
-@keyframes verscale
+@keyframes logo-ver_scale
 {
     0%, 100% { transform: rotate(-10deg); }
     50%      { transform: rotate( 10deg); }
@@ -162,5 +162,5 @@
     }
 
     #query_wrap { width: min(42rem, 95dvw); }
-    #version_wrap { min-height: 15pt; }
+    #logo-ver_wrap { min-height: 15pt; }
 }