xref: /template/ad-hominem/css/content.less (revision 3cbd3ce8d818d4668529886c407617e93323e43a) 
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
32/* on the homepage only, reduce the H1 top margin: */
33body.home h1:first-child { margin-top: .5em; }
34
35/* lists: */
36main ul, main ol {
37	margin:			0 2em 1em 1em;
38	padding-left:	1.75em;
39}
40main ul {
41	list-style:		square outside;
42}
43main ol {
44	list-style:		decimal outside;
45}
46main li {
47}
48main li::marker {
49	color:			#666;
50}
51
52/* horizontal rules */
53main hr {
54	border:				#666 solid 0;
55	border-top-width:	1pt;
56	height:				0;
57	margin:				3pt 0;
58}
59
60/* quotes: */
61main blockquote {
62	border-left:	@ini_blockquote solid .4em;
63	border-radius:	.5em;
64	padding:		.25em 0 .25em .75em;
65	margin:			0 2em 1em 1em;
66	font-family:	@ini_alt_fonts;
67	font-size:		1.1rem;
68}
69main blockquote * {
70	font-family:	@ini_alt_fonts;
71	font-size:		1.1rem;
72}
73
74main svg {
75	display:			block;
76	fill-rule:			evenodd;
77	clip-rule:			evenodd;
78	stroke-linejoin:	round;
79	stroke-miterlimit:	1.5;
80}
81main svg.math {
82	margin-left:		15px
83}
84
85/*  tables */
86main div.table {
87    overflow-x:			auto;
88}
89
90main table {
91    border-collapse:	collapse;
92    empty-cells:		show;
93    border-spacing:		0;
94	font-size:			smaller;
95    border:				1px solid @ini_border;
96}
97
98main table.inline {
99    min-width:			50%;
100}
101
102main table th,
103main table td {
104	padding:			.5em .3em;
105	vertical-align:		top;
106	border:				1px solid @ini_border;
107	line-height:		1.25em;
108}
109main table th {
110	font-weight:		bold;
111	background-color:	@ini_background_alt;
112	text-align:			left;
113}
114
115main table.inline tr:hover td {
116    background-color:	@ini_background_alt;
117}
118
119main table.inline tr:hover th {
120    background-color:	@ini_border;
121}
122