upd_fork

common-styles.css

@@ -0,0 +1,117 @@
+/* common-styles.css */
+:root {
+    --primary-color: #00ccff;
+    --secondary-color: #0066cc;
+    --dark-blue: #001a33;
+    --text-color: #e6f7ff;
+    --bg-color: var(--dark-blue);
+    --card-bg: rgba(0, 68, 136, 0.3);
+    --header-shadow: 0 0 10px rgba(0, 204, 255, 0.5);
+}
+
+.light-theme {
+    --primary-color: #0066cc;
+    --secondary-color: #004d99;
+    --dark-blue: #e6f7ff;
+    --text-color: #001a33;
+    --bg-color: var(--dark-blue);
+    --card-bg: rgba(0, 102, 204, 0.1);
+    --header-shadow: 0 0 10px rgba(0, 102, 204, 0.3);
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    background: var(--bg-color);
+    color: var(--text-color);
+    font-family: 'JetBrains Mono', 'Courier New', monospace;
+    line-height: 1.6;
+    transition: all 0.3s ease;
+    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><rect x="0" y="7" width="16" height="2" fill="%2300ccff"/><rect x="7" y="0" width="2" height="16" fill="%2300ccff"/></svg>'), auto;
+}
+
+/* Common card styles */
+.tech-card, .project-card, .feature-card, .version-card {
+    background: var(--card-bg);
+    padding: 15px;
+    border-radius: 5px;
+    border-left: 3px solid var(--primary-color);
+    transition: transform 0.3s;
+}
+
+.tech-card:hover, .project-card:hover, .feature-card:hover, .version-card:hover {
+    transform: translateY(-5px);
+}
+
+/* Common button styles */
+.btn {
+    display: inline-block;
+    padding: 10px 20px;
+    background: var(--primary-color);
+    color: var(--dark-blue);
+    border: none;
+    border-radius: 5px;
+    text-decoration: none;
+    font-weight: bold;
+    transition: all 0.3s;
+    cursor: pointer;
+}
+
+.btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+/* Terminal styles */
+.terminal {
+    background: rgba(0, 0, 0, 0.7);
+    color: #00ff00;
+    padding: 15px;
+    border-radius: 5px;
+    font-family: 'Courier New', monospace;
+    margin: 20px 0;
+    max-height: 300px;
+    overflow-y: auto;
+}
+
+.terminal-header {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    color: var(--primary-color);
+}
+
+.command {
+    color: #00ccff;
+}
+
+/* Theme toggle button */
+.theme-toggle {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    background: var(--card-bg);
+    border: 1px solid var(--primary-color);
+    color: var(--primary-color);
+    padding: 5px 10px;
+    border-radius: 5px;
+    cursor: pointer;
+    z-index: 100;
+}
+
+/* Font face */
+@font-face {
+    font-family: 'JetBrains Mono';
+    src: url('https://cdnjs.cloudflare.com/ajax/libs/jetbrains-mono/1.0.6/web/woff2/JetBrainsMono-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .theme-toggle {
+        top: 10px;
+        right: 10px;
+        font-size: 0.8rem;
+    }
+}