xref: /template/ad-hominem/css/content.less (revision 8f65eb2562d33b848b4dea09ddc3fba69b02d9d5) 
1/**
2 * This contains the content styling
3 * @author Sascha Leib <sascha@leib.be>
4 */
5
6main p,
7main blockquote,
8main div.table {
9	margin-bottom:	1em;
10}
11
12/* headlines: */
13main h1,
14main h2,
15main h3,
16main h4,
17main h5,
18main h6 {
19	font-family:	@ini_alt_fonts;
20	color:			@ini_headlines;
21	margin:			1em 0 1em 0;
22	line-height:	1.1em;
23}
24
25main h1 { font-size: 2em; }
26main h2 { font-size: 1.5em; }
27main h3 { font-size: 1.125em; }
28main h4 { font-size: 1em; }
29main h5 { font-size: .875em; }
30main h6 { font-size: .75em; }
31
32main h1 *,
33main h2 *,
34main h3 *,
35main h4 *,
36main h5 *,
37main h6 * {
38	font-family:	inherit;
39	font-size:		inherit;
40	color:			inherit;
41	margin:			inherit;
42	line-height:	inherit;
43}
44
45/* on the homepage only, reduce the H1 top margin: */
46body.home h1:first-child { margin-top: .5em; }
47
48/* make strike-through and underline more useful! */
49u {
50	-webkit-text-decoration: underline #F30 wavy .7pt;
51	text-decoration: underline #F30 wavy .7pt;
52}
53s {
54	-webkit-text-decoration: line-through rgba(255,0,0,.5) solid 1pt;
55	text-decoration: line-through rgba(255,0,0,.5) solid 1pt;
56}
57
58/* lists: */
59main ul, main ol {
60	margin:			0 2em 1em 1em;
61	padding-left:	1.75em;
62}
63main ul {
64	list-style:		square outside;
65}
66main ol {
67	list-style:		decimal outside;
68}
69main li {
70}
71main li::marker {
72	color:			#666;
73}
74
75main ul ul, main ul ol,
76main ol ul, main ol ol {
77	margin-bottom:		0;
78	padding-left:		.25em;
79}
80
81
82/* horizontal rules */
83main hr {
84	border:				#666 solid 0;
85	border-top-width:	1pt;
86	height:				0;
87	margin:				3pt 0;
88}
89
90main tt, main blockquote tt,
91main code, main blockquote code {
92	font-family:	@ini_mono_fonts;
93}
94main code, main blockquote code {
95	border:			@ini_border solid 1px;
96	border-radius:	3pt;
97	padding:		0 2pt;
98}
99
100/* quotes: */
101main blockquote {
102	border-left:	@ini_blockquote solid .4em;
103	border-radius:	.5em;
104	padding:		.25em 0 .25em .75em;
105	margin:			0 2em 1em 1em;
106	font-family:	@ini_alt_fonts;
107	font-size:		1.1rem;
108}
109main blockquote * {
110	font-family:	@ini_alt_fonts;
111	font-size:		1.1rem;
112}
113
114main svg {
115	display:			block;
116	fill-rule:			evenodd;
117	clip-rule:			evenodd;
118	stroke-linejoin:	round;
119	stroke-miterlimit:	1.5;
120}
121main svg.math {
122	margin-left:		15px
123}
124
125/*  tables */
126main div.table {
127    overflow-x:			auto;
128}
129
130main table {
131    border-collapse:	collapse;
132    empty-cells:		show;
133    border-spacing:		0;
134	font-size:			smaller;
135    border:				1px solid @ini_border;
136	margin-bottom:		1em;
137}
138
139main table.inline {
140    min-width:			50%;
141}
142
143main table th,
144main table td {
145	padding:			.5em .3em;
146	vertical-align:		top;
147	border:				1px solid @ini_border;
148	line-height:		1.25em;
149}
150main table th {
151	font-weight:		bold;
152	background-color:	@ini_background_alt;
153	text-align:			left;
154}
155
156main table.inline tr:hover td {
157    background-color:	@ini_background_alt;
158}
159
160main table.inline tr:hover th {
161    background-color:	@ini_border;
162}
163
164/* asides */
165main aside {
166	width:			33.3%;
167	max-width:		150px;
168	float:			right;
169	text-align:		center;
170	font-size:		smaller;
171}
172main aside footer {
173	line-height:	1.1em;
174}
175
176/* images */
177main img {
178	max-width:		100%;
179	height:			auto;
180}
181
182/* dark mode overrides */
183@media (prefers-color-scheme: dark) {
184	main h1, main h2, main h3, main h4, main h5, main h6 { color: @ini_headlines_dark; }
185	main table { border-color: @ini_border_dark; }
186	main table th { background-color: rgba(255,255,255,0.05); }
187	main table.inline tr:hover td { background-color: rgba(255,255,255,0.1); }
188	main code, main blockquote code { border-color: @ini_border_dark; }
189	main table.inline tr:hover th { background-color: @ini_border_dark; }
190
191}