xref: /template/ad-hominem/css/content.less (revision eb708266bcbc9ec5d164b4d4577a54b34fa02bd9) 
1/**
2 * This contains the content styling
3 * @author Sascha Leib <sascha@leib.be>
4 */
5html, body, * {
6	font-family:	@ini_default_fonts;
7}
8
9main {
10	padding:			.5em .5em 1em 1em;
11	background-color:	@ini_background;
12	color:				@ini_text;
13	line-height:		1.5em;
14}
15
16main p,
17main blockquote,
18main div.table {
19	margin-bottom:	1em;
20}
21
22/* headlines: */
23main h1,
24main h2,
25main h3,
26main h4,
27main h5,
28main h6 {
29	font-family:	@ini_alt_fonts;
30	color:			@ini_headlines;
31	margin:			1em 0 1em 0;
32	line-height:	1.1em;
33}
34
35main h1 { font-size: 2em; }
36main h2 { font-size: 1.5em; }
37main h3 { font-size: 1.125em; }
38main h4 { font-size: 1em; }
39main h5 { font-size: .875em; }
40main h6 { font-size: .75em; }
41
42/* TODO: other headline sizes */
43
44/* lists: */
45main ul, main ol {
46	margin-left:	1em;
47	padding-left:	1.75em;
48}
49main ul {
50	list-style:		square outside;
51}
52main ol {
53	list-style:		decimal outside;
54}
55main li {
56}
57main li::marker {
58	color:			#666;
59}
60
61/* quotes: */
62main blockquote {
63	border-left:	@ini_blockquote solid .4em;
64	border-radius:	.5em;
65	padding:		.25em 0 .25em .75em;
66	margin:			0 4em 1em 1em;
67	font-family:	@ini_alt_fonts;
68	font-size:		1.1rem;
69}
70main blockquote * {
71	font-family:	@ini_alt_fonts;
72	font-size:		1.1rem;
73}
74
75/*  tables */
76main div.table {
77    overflow-x:			auto;
78}
79
80main table {
81    border-collapse:	collapse;
82    empty-cells:		show;
83    border-spacing:		0;
84	font-size:			smaller;
85    border:				1px solid @ini_border;
86}
87
88main table.inline {
89    min-width:			50%;
90}
91
92main table th,
93main table td {
94	padding:			.5em .3em;
95	vertical-align:		top;
96	border:				1px solid @ini_border;
97	line-height:		1.25em;
98}
99main table th {
100	font-weight:		bold;
101	background-color:	@ini_background_alt;
102	text-align:			left;
103}
104
105main table.inline tr:hover td {
106    background-color:	@ini_background_alt;
107}
108
109main table.inline tr:hover th {
110    background-color:	@ini_border;
111}
112