Mercurial

comparison hg-web/src/index.css @ 104:2301aeb7503b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[Hg Web] Super simple mercurial server.
author June Park <parkjune1995@gmail.com>
date Sat, 03 Jan 2026 10:20:45 -0800
parents
children 9f4429c49733
comparison
equal deleted inserted replaced
103:f6d2f2eaaf84 104:2301aeb7503b
1 .header {
2 border-bottom: 1px solid var(--border);
3 padding-bottom: 1rem;
4 margin-bottom: 2rem;
5 }
6
7 .header h1 {
8 margin-bottom: 0.5rem;
9 }
10
11 .header .description {
12 color: var(--secondary);
13 font-size: 0.95rem;
14 }
15
16 .clone-info {
17 background: var(--code-bg);
18 border: 1px solid var(--border);
19 border-radius: 6px;
20 padding: 1rem;
21 margin-bottom: 2rem;
22 }
23
24 .clone-info code {
25 background: none;
26 color: var(--fg);
27 font-size: 0.95rem;
28 }
29
30 .breadcrumb {
31 margin-bottom: 1.5rem;
32 font-size: 0.95rem;
33 }
34
35 .breadcrumb a {
36 color: var(--link);
37 }
38
39 .breadcrumb a:hover {
40 text-decoration: underline;
41 }
42
43 .breadcrumb span {
44 color: var(--secondary);
45 margin: 0 0.5rem;
46 }
47
48 .file-list {
49 border: 1px solid var(--border);
50 border-radius: 6px;
51 overflow: hidden;
52 }
53
54 .file-item {
55 display: flex;
56 align-items: center;
57 padding: 0.75rem 1rem;
58 border-bottom: 1px solid var(--border);
59 transition: background-color 0.2s;
60 }
61
62 .file-item:last-child {
63 border-bottom: none;
64 }
65
66 .file-item:hover {
67 background: var(--hover);
68 }
69
70 .file-item .icon {
71 margin-right: 0.75rem;
72 font-size: 1.2rem;
73 width: 20px;
74 text-align: center;
75 }
76
77 .file-item .name {
78 flex: 1;
79 font-family: 'Monaco', 'Courier New', monospace;
80 font-size: 0.9rem;
81 }
82
83 .file-item .name a {
84 color: var(--fg);
85 }
86
87 .file-item .name a:hover {
88 color: var(--link);
89 }
90
91 .file-item.directory .icon {
92 color: var(--accent);
93 }
94
95 .file-item.file .icon {
96 color: var(--secondary);
97 }
98
99 .readme-section {
100 margin-top: 2rem;
101 padding-top: 2rem;
102 border-top: 1px solid var(--border);
103 }
104
105 .readme-section h2 {
106 margin-bottom: 1rem;
107 font-size: 1.5rem;
108 }
109
110 .readme-content {
111 border: 1px solid var(--border);
112 border-radius: 6px;
113 padding: 1.5rem;
114 background: var(--code-bg);
115 }
116
117 .readme-content h1 { font-size: 1.75rem; margin-top: 1.5rem; }
118 .readme-content h2 { font-size: 1.5rem; margin-top: 1.25rem; }
119 .readme-content h3 { font-size: 1.25rem; margin-top: 1rem; }
120
121 .readme-content h1:first-child,
122 .readme-content h2:first-child,
123 .readme-content h3:first-child {
124 margin-top: 0;
125 }
126
127 .readme-content ul,
128 .readme-content ol {
129 margin-left: 2rem;
130 margin-bottom: 1rem;
131 }
132
133 .readme-content li {
134 margin-bottom: 0.5rem;
135 }
136
137 .readme-content img {
138 max-width: 100%;
139 height: auto;
140 border-radius: 6px;
141 }
142
143 .empty-state {
144 text-align: center;
145 padding: 3rem 1rem;
146 color: var(--secondary);
147 }
148
149 .error-message {
150 background: var(--danger);
151 color: white;
152 padding: 1rem;
153 border-radius: 6px;
154 margin-bottom: 1rem;
155 }
156
157 /* Mobile responsive */
158 @media (max-width: 768px) {
159 main {
160 padding: 1rem;
161 }
162
163 .file-item {
164 padding: 0.5rem 0.75rem;
165 }
166
167 .file-item .name {
168 font-size: 0.85rem;
169 }
170
171 .clone-info {
172 padding: 0.75rem;
173 overflow-x: auto;
174 }
175
176 .readme-content {
177 padding: 1rem;
178 }
179 }