Skip to content

Commit 49d7aa5

Browse files
8BitAdam8BitAdam
committed
Fixed CSS
1 parent 0c35cbd commit 49d7aa5

28 files changed

Lines changed: 1743 additions & 257 deletions

‎Git/GitCommand/add.html‎

Lines changed: 67 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,29 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Git Add - Article Template</title>
7+
<style>
8+
:root {
9+
--sidebar-width: 220px;
10+
--sidebar-bg: #003366;
11+
--accent: #ff3333;
12+
--text: #111;
13+
--bg: #ffffff;
14+
--card: #f7f7f7;
15+
--border: #ddd;
16+
}
17+
18+
body {
19+
margin: 0;
20+
font-family: Arial, sans-serif;
21+
background: var(--bg);
22+
color: var(--text);
23+
}
24+
25+
.sidebar {
26+
height: 100vh;
27+
overflow-y: auto;
28+
position: fixed;
29+
width: var(--sidebar-width);
730
background-color: var(--sidebar-bg);
831
color: white;
932
padding-bottom: 20px;
@@ -12,6 +35,34 @@
1235
margin: 2px 8px;
1336
}
1437

38+
.sidebar h2 {
39+
margin: 0;
40+
padding: 16px 12px 10px;
41+
font-size: 18px;
42+
text-align: center;
43+
color: white;
44+
border-bottom: 1px solid rgba(255,255,255,0.15);
45+
}
46+
47+
.sidebar h3 {
48+
margin: 18px 0 6px;
49+
padding: 0 12px;
50+
color: var(--accent);
51+
font-size: 14px;
52+
text-transform: uppercase;
53+
letter-spacing: 0.04em;
54+
}
55+
56+
.sidebar a {
57+
display: block;
58+
padding: 8px 12px;
59+
text-decoration: none;
60+
color: white;
61+
font-size: 14px;
62+
border-radius: 4px;
63+
margin: 2px 8px;
64+
}
65+
1566
.sidebar a:hover {
1667
background-color: var(--accent);
1768
color: white;
@@ -134,20 +185,22 @@
134185
width: 100%;
135186
}
136187
}
137-
138-
.sidebar .active-page {
139-
background-color: #222;
140-
border-left: 4px solid #ff3333;
141-
}
142-
143-
.sidebar .active-section {
144-
background-color: #ff3333;
145-
color: white;
146-
}
147-
148-
html {
149-
scroll-behavior: smooth;
150-
}
188+
/* Active page (current article) */
189+
.sidebar .active-page {
190+
background-color: #222;
191+
border-left: 4px solid #ff3333;
192+
}
193+
194+
/* Active section (scroll highlight) */
195+
.sidebar .active-section {
196+
background-color: #ff3333;
197+
color: white;
198+
}
199+
200+
/* Smooth scroll */
201+
html {
202+
scroll-behavior: smooth;
203+
}
151204
</style>
152205
</head>
153206
<body>

‎Git/GitCommand/backfill.html‎

Lines changed: 47 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -34,13 +34,16 @@
3434
color: white;
3535
padding-bottom: 20px;
3636
box-shadow: 2px 0 10px rgba(0,0,0,0.15);
37+
border-radius: 4px;
38+
margin: 2px 8px;
3739
}
3840

3941
.sidebar h2 {
4042
margin: 0;
4143
padding: 16px 12px 10px;
4244
font-size: 18px;
4345
text-align: center;
46+
color: white;
4447
border-bottom: 1px solid rgba(255,255,255,0.15);
4548
}
4649

@@ -50,6 +53,7 @@
5053
color: var(--accent);
5154
font-size: 14px;
5255
text-transform: uppercase;
56+
letter-spacing: 0.04em;
5357
}
5458

5559
.sidebar a {
@@ -64,6 +68,7 @@
6468

6569
.sidebar a:hover {
6670
background-color: var(--accent);
71+
color: white;
6772
}
6873

6974
.main-content {
@@ -89,14 +94,17 @@
8994
.article-meta {
9095
color: #666;
9196
font-size: 0.95rem;
97+
margin-bottom: 0;
9298
}
9399

94100
.article-section {
95101
margin-bottom: 28px;
96102
}
97103

98-
.article-section h2 {
104+
.article-section h2,
105+
.article-section h3 {
99106
color: #003366;
107+
margin-bottom: 10px;
100108
}
101109

102110
.article-box {
@@ -107,9 +115,16 @@
107115
margin: 14px 0;
108116
}
109117

118+
.article-box code {
119+
background: #ececec;
120+
padding: 2px 6px;
121+
border-radius: 4px;
122+
}
123+
110124
.note {
111125
border-left: 4px solid var(--accent);
112126
padding-left: 12px;
127+
color: #444;
113128
}
114129

115130
.darkmode {
@@ -120,7 +135,8 @@
120135
}
121136

122137
.darkmode .article-title,
123-
.darkmode .article-section h2 {
138+
.darkmode .article-section h2,
139+
.darkmode .article-section h3 {
124140
color: #ff6666;
125141
}
126142

@@ -132,6 +148,11 @@
132148
border-radius: 6px;
133149
cursor: pointer;
134150
margin-bottom: 18px;
151+
font-size: 14px;
152+
}
153+
154+
.toggle-btn:hover {
155+
background-color: #cc0000;
135156
}
136157

137158
.bottom-nav {
@@ -143,6 +164,10 @@
143164
border-top: 1px solid var(--border);
144165
}
145166

167+
.bottom-nav .w3-button {
168+
min-width: 160px;
169+
}
170+
146171
@media (max-width: 800px) {
147172
.sidebar {
148173
position: static;
@@ -152,16 +177,33 @@
152177

153178
.main-content {
154179
margin-left: 0;
180+
padding: 16px;
155181
}
156182

157183
.bottom-nav {
158184
flex-direction: column;
159185
}
160-
}
161186

162-
html {
163-
scroll-behavior: smooth;
187+
.bottom-nav .w3-button {
188+
width: 100%;
189+
}
164190
}
191+
/* Active page (current article) */
192+
.sidebar .active-page {
193+
background-color: #222;
194+
border-left: 4px solid #ff3333;
195+
}
196+
197+
/* Active section (scroll highlight) */
198+
.sidebar .active-section {
199+
background-color: #ff3333;
200+
color: white;
201+
}
202+
203+
/* Smooth scroll */
204+
html {
205+
scroll-behavior: smooth;
206+
}
165207
</style>
166208
</head>
167209

‎Git/GitCommand/bisect.html‎

Lines changed: 44 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,38 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Git Bisect - Article Template</title>
7-
7+
8+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
9+
10+
<style>
11+
:root {
12+
--sidebar-width: 220px;
13+
--sidebar-bg: #003366;
14+
--accent: #ff3333;
15+
--text: #111;
16+
--bg: #ffffff;
17+
--card: #f7f7f7;
18+
--border: #ddd;
19+
}
20+
21+
body {
22+
margin: 0;
23+
font-family: Arial, sans-serif;
24+
background: var(--bg);
25+
color: var(--text);
26+
}
27+
28+
.sidebar {
29+
height: 100vh;
30+
overflow-y: auto;
31+
position: fixed;
32+
width: var(--sidebar-width);
833
background-color: var(--sidebar-bg);
934
color: white;
1035
padding-bottom: 20px;
1136
box-shadow: 2px 0 10px rgba(0,0,0,0.15);
37+
border-radius: 4px;
38+
margin: 2px 8px;
1239
}
1340

1441
.sidebar h2 {
@@ -161,20 +188,22 @@
161188
width: 100%;
162189
}
163190
}
164-
165-
.sidebar .active-page {
166-
background-color: #222;
167-
border-left: 4px solid #ff3333;
168-
}
169-
170-
.sidebar .active-section {
171-
background-color: #ff3333;
172-
color: white;
173-
}
174-
175-
html {
176-
scroll-behavior: smooth;
177-
}
191+
/* Active page (current article) */
192+
.sidebar .active-page {
193+
background-color: #222;
194+
border-left: 4px solid #ff3333;
195+
}
196+
197+
/* Active section (scroll highlight) */
198+
.sidebar .active-section {
199+
background-color: #ff3333;
200+
color: white;
201+
}
202+
203+
/* Smooth scroll */
204+
html {
205+
scroll-behavior: smooth;
206+
}
178207
</style>
179208
</head>
180209
<body>

0 commit comments

Comments
 (0)