]> git.armaanb.net Git - stagit.git/blob - resources/style.css
Make all pre tags pre-wrapped
[stagit.git] / resources / style.css
1 body {
2         font-size: 0.8rem;
3         font-family: monospace;
4         color: #ebdbb2;
5         background-color: #282828;
6         max-width: max-content;
7         min-width: min-content;
8 }
9
10 pre {
11         tab-size: 4;
12 }
13
14 h1, h2, h3, h4, h5, h6 {
15         margin: 0;
16 }
17
18 img, h1, h2 {
19         vertical-align: middle;
20 }
21
22 img {
23         border: 0;
24 }
25
26 a:target {
27         background-color: #eee;
28 }
29
30 a.d,
31 a.h,
32 a.i,
33 a.line {
34         text-decoration: none;
35 }
36
37 #blob {
38         display: block;
39         max-width: 100%;
40 }
41
42 article.markup {
43         font-size: 15px;
44         border: 2px solid #eee;
45         border-radius: 10px;
46         font-family: sans-serif;
47         padding: 2.5em;
48         margin: 2em 0;
49 }
50
51 article.markup code {
52         font-size: 0.9em;
53         border: 1px solid #dbdbdb;
54         background-color: #f7f7f7;
55         padding: 0 0.3em;
56         border-radius: 0.3em
57 }
58
59 article.markup pre code {
60         border: none;
61         background: none;
62         padding: 0;
63         border-radius: 0;
64 }
65
66 article.markup pre {
67         background-color: #f7f7f7;
68         padding: 1em;
69         border: 1px solid #dbdbdb;
70         border-radius: 0.3em;
71 }
72
73 article.markup h1 {
74         font-size: 2.4em;
75         padding-bottom: 6px;
76         border-bottom: 5px solid #0000000a;
77 }
78
79 article.markup h2 {
80         font-size: 1.9em;
81         padding-bottom: 5px;
82         border-bottom: 2px solid #00000014;
83 }
84
85 article.markup h3 {
86         font-size: 1.5em;
87 }
88
89 article.markup h4 {
90         font-size: 1.3em;
91 }
92
93 article.markup h5 {
94         font-size: 1.1em;
95 }
96
97 article.markup h6 {
98         font-size: 1em;
99 }
100
101 article img {
102         max-width: 100%;
103 }
104
105 .linenos {
106         margin-right: 0;
107         border-right: 1px solid rgb(0 0 0 / 8%);
108         user-select: none;
109 }
110
111 .linenos a {
112         margin-right: 0.9em;
113         user-select: none;
114         text-decoration: none;
115 }
116
117 #blob a {
118         color: #777;
119 }
120
121 #blob a:hover {
122         color: #eee;
123         text-decoration: none;
124 }
125
126 a {
127         color: #83a598;
128 }
129
130 table thead td {
131         font-weight: bold;
132 }
133
134 table td {
135         padding: 0 0.4em;
136 }
137
138 #content table td {
139         vertical-align: top;
140         white-space: nowrap;
141 }
142
143 #branches tr:hover td,
144 #tags tr:hover td,
145 #index tr:hover td,
146 #log tr:hover td,
147 #files tr:hover td {
148         background-color: #333;
149 }
150
151 #index tr td:nth-child(2),
152 #tags tr td:nth-child(3),
153 #branches tr td:nth-child(3),
154 #log tr td:nth-child(2) {
155         white-space: normal;
156 }
157
158 td.num {
159         text-align: right;
160 }
161
162 .desc {
163         color: #928374;
164 }
165
166 hr {
167         border: 0;
168         border-top: 1px solid #928374;
169         height: 1px;
170 }
171
172 pre {
173         font-family: monospace;
174 }
175
176 pre a.h {
177         color: #fe8019;
178 }
179
180 .A,
181 span.i,
182 pre a.i {
183         color: #b8bb26;
184 }
185
186 .D,
187 span.d,
188 pre a.d {
189         color: #fb4934;
190 }
191
192 pre a.h:hover,
193 pre a.i:hover,
194 pre a.d:hover {
195         text-decoration: none;
196 }
197
198 .url td:nth-child(2) {
199         padding-top:    0.2em;
200         padding-bottom: 0.9em;
201 }
202
203 .url td:nth-child(2) span {
204         padding: 1px 5px;
205         border: 1px solid #ebdbb2;
206         border-radius: 5px;
207 }
208
209 .url td:nth-child(2) span a {
210         color: #ebdbb2;
211 }
212
213 pre {
214         white-space: pre-wrap;
215 }