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-left: 1em; 38 padding-left: 1.75em; 39 margin-bottom: 1em; 40} 41main ul { 42 list-style: square outside; 43} 44main ol { 45 list-style: decimal outside; 46} 47main li { 48} 49main li::marker { 50 color: #666; 51} 52 53/* quotes: */ 54main blockquote { 55 border-left: @ini_blockquote solid .4em; 56 border-radius: .5em; 57 padding: .25em 0 .25em .75em; 58 margin: 0 4em 1em 1em; 59 font-family: @ini_alt_fonts; 60 font-size: 1.1rem; 61} 62main blockquote * { 63 font-family: @ini_alt_fonts; 64 font-size: 1.1rem; 65} 66 67/* tables */ 68main div.table { 69 overflow-x: auto; 70} 71 72main table { 73 border-collapse: collapse; 74 empty-cells: show; 75 border-spacing: 0; 76 font-size: smaller; 77 border: 1px solid @ini_border; 78} 79 80main table.inline { 81 min-width: 50%; 82} 83 84main table th, 85main table td { 86 padding: .5em .3em; 87 vertical-align: top; 88 border: 1px solid @ini_border; 89 line-height: 1.25em; 90} 91main table th { 92 font-weight: bold; 93 background-color: @ini_background_alt; 94 text-align: left; 95} 96 97main table.inline tr:hover td { 98 background-color: @ini_background_alt; 99} 100 101main table.inline tr:hover th { 102 background-color: @ini_border; 103} 104