From 720d752748b793a2f5cf3cc14cb75ad86e8919c0 Mon Sep 17 00:00:00 2001
From: sillylaird <sillylaird@fastmail.ca>
Date: Tue, 3 Feb 2026 21:27:57 -0500
Subject: First commit

---
 gaming/specialforce/style.css | 113 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 113 insertions(+)
 create mode 100644 gaming/specialforce/style.css

(limited to 'gaming/specialforce/style.css')

diff --git a/gaming/specialforce/style.css b/gaming/specialforce/style.css
new file mode 100644
index 0000000..aa84069
--- /dev/null
+++ b/gaming/specialforce/style.css
@@ -0,0 +1,113 @@
+/* --- RESET & BASICS --------------------------------------------------- */
+*,*::before,*::after{box-sizing:border-box;}
+html,body{margin:0;padding:0;font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.4;background:#ffd;}
+body{text-align:left;}
+
+/* --- LAYOUT ----------------------------------------------------------- */
+header{padding:1rem 1.5rem;background:#ffd;display:flex;flex-direction:column;align-items:flex-start;}
+main{padding:1.5rem;margin:0 1.5rem;max-width:none;}
+
+/* --- LINKS ------------------------------------------------------------ */
+a{text-decoration:none;border-radius:4px;padding:2px 4px;transition:background .2s,color .2s;}
+a:hover{background:red;color:#000;}
+a.no-hover-box:hover{background:transparent;color:red;}
+
+/* --- SIDEBAR ---------------------------------------------------------- */
+#mobile-sidebar {
+    position: fixed;
+    top: 0;
+    right: 0;
+    width: 250px;
+    max-height: 100vh;
+    overflow-y: auto;
+    background: #ffd;
+    transform: translateX(100%);
+    transition: transform .3s ease-in-out;
+    padding: 1rem;
+    box-shadow: -4px 0 8px rgba(0,0,0,.15);
+    z-index: 9000;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+#mobile-sidebar.visible { transform: translateX(0); }
+#mobile-sidebar::-webkit-scrollbar { display: none; }
+
+#menu-toggle {
+    position: fixed;
+    top: 1rem;
+    right: 1rem;
+    z-index: 9100;
+    padding: .5rem 1rem;
+    border: none;
+    background: #ffd;
+    color: black;
+    border-radius: 4px;
+    cursor: pointer;
+}
+#menu-toggle:hover { background: #ffd; color: red; }
+
+/* --- LOGO ------------------------------------------------------------- */
+.logo {
+    width: 100px;
+    display: block;
+    margin-bottom: 1rem;
+}
+
+/* --- BUTTON ----------------------------------------------------------- */
+.button {
+    background-color: black;
+    color: white;
+    padding: 10px 20px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 1em;
+    margin: 20px 0;
+    cursor: pointer;
+    border-radius: 8px;
+    transition: background 0.3s, transform 0.3s;
+}
+.button:hover {
+    background-color: red;
+    transform: translateY(-2px);
+}
+
+/* --- FOOTER ----------------------------------------------------------- */
+.footer {
+    background-color: #282828;
+    color: #aaa;
+    padding: 30px 20px;
+    text-align: center;
+    font-size: 0.9em;
+    border-top: 2px solid #555;
+    margin-top: 20px;
+}
+.footer a {
+    color: #00aced;
+    text-decoration: none;
+}
+.footer a:hover {
+    text-decoration: underline;
+}
+
+/* --- MEDIA QUERIES --------------------------------------------------- */
+@media (max-width: 768px) {
+    body {
+        flex-direction: column;
+        font-size: 14px;
+    }
+    .sidebar {
+        width: 100%;
+        min-height: auto;
+        box-shadow: none;
+    }
+    main {
+        width: 100%;
+    }
+    h1 {
+        font-size: 2em;
+    }
+    .button {
+        font-size: 0.9em;
+    }
+}
-- 
cgit v1.2.3