Sun, 01 May 2022 13:14:31 +0200
#184 untested implementation of the flush feature
universe@259 | 1 | a { |
universe@259 | 2 | color: #2e2eaf; |
universe@259 | 3 | text-decoration: none; |
universe@259 | 4 | } |
universe@259 | 5 | |
universe@259 | 6 | a:hover { |
universe@259 | 7 | text-decoration: underline; |
universe@259 | 8 | text-decoration-style: dotted; // not supported in IE / Edge |
universe@259 | 9 | } |
universe@259 | 10 | |
universe@264 | 11 | #page-header, h1, h2, h3, #sidebar { |
universe@226 | 12 | font-family: sans-serif; |
universe@226 | 13 | } |
universe@226 | 14 | |
universe@264 | 15 | #page-header { |
universe@226 | 16 | padding-top: 0.3em; |
universe@226 | 17 | padding-bottom: 0.5em; |
universe@226 | 18 | margin-bottom: 2em; |
universe@226 | 19 | border: none; |
universe@259 | 20 | border-bottom-width: 1pt; |
universe@259 | 21 | border-bottom-style: solid; |
universe@259 | 22 | border-bottom-color: #2e2e2e; |
universe@226 | 23 | } |
universe@226 | 24 | |
universe@264 | 25 | #page-header span { |
universe@226 | 26 | font-size: 2em; |
universe@226 | 27 | font-weight: bold; |
universe@264 | 28 | color: #2e2e2e; |
universe@226 | 29 | } |
universe@226 | 30 | |
universe@264 | 31 | #page-header img { |
universe@226 | 32 | float: right; |
universe@226 | 33 | } |
universe@226 | 34 | |
universe@256 | 35 | #sidebar { |
universe@226 | 36 | float: left; |
universe@226 | 37 | width: 15em; |
universe@226 | 38 | } |
universe@226 | 39 | |
universe@256 | 40 | .nav { |
universe@226 | 41 | color: black; |
universe@259 | 42 | background-color: #e9ebec; |
universe@226 | 43 | margin-bottom: 1em; |
universe@226 | 44 | padding-bottom: 0.1em; |
universe@226 | 45 | } |
universe@226 | 46 | |
universe@256 | 47 | .nav h3 { |
universe@226 | 48 | color: white; |
universe@259 | 49 | background-color: #5b6f7a; |
universe@226 | 50 | font-size: 1.2em; |
universe@226 | 51 | padding-top: 0.2em; |
universe@226 | 52 | padding-bottom: 0.2em; |
universe@226 | 53 | padding-left: 0.5em; |
universe@226 | 54 | margin-top: 0; |
universe@226 | 55 | } |
universe@226 | 56 | |
universe@256 | 57 | .nav ul { |
universe@226 | 58 | margin-top: 0; |
universe@226 | 59 | padding-top: 0; |
universe@264 | 60 | padding-left: 2em; |
universe@226 | 61 | font-size: 0.95em; |
universe@226 | 62 | } |
universe@226 | 63 | |
universe@256 | 64 | #content { |
universe@226 | 65 | margin-left: 16em; |
universe@226 | 66 | padding: 0; |
universe@226 | 67 | font-family: serif; |
universe@226 | 68 | font-size: 1em; |
universe@226 | 69 | min-width: 16em; |
universe@226 | 70 | } |
universe@226 | 71 | |
universe@256 | 72 | #content h1 { |
universe@226 | 73 | color: white; |
universe@259 | 74 | background-color: #5b6f7a; |
universe@226 | 75 | font-size: 1.2em; |
universe@226 | 76 | padding-top: 0.2em; |
universe@226 | 77 | padding-bottom: 0.2em; |
universe@226 | 78 | padding-left: 0.5em; |
universe@226 | 79 | padding-right: 0; |
universe@226 | 80 | margin-top: 0; |
universe@226 | 81 | } |
universe@226 | 82 | |
universe@256 | 83 | #content h2 { |
universe@259 | 84 | color: #2e2e2e; |
universe@226 | 85 | font-size: 1.2em; |
universe@259 | 86 | border-bottom-color: #5b6f7a; |
universe@259 | 87 | border-bottom-style: solid; |
universe@259 | 88 | border-bottom-width: 1pt; |
universe@259 | 89 | width: 100%; |
universe@226 | 90 | } |
universe@226 | 91 | |
universe@256 | 92 | #content h3 { |
universe@226 | 93 | font-size: 1.05em; |
universe@226 | 94 | } |
universe@267 | 95 | |
universe@267 | 96 | #modules table { |
universe@267 | 97 | border-collapse: separate; |
universe@267 | 98 | border-spacing: .25em; |
universe@267 | 99 | } |
universe@267 | 100 | |
universe@267 | 101 | #modules td > a { |
universe@267 | 102 | display: table-cell; |
universe@267 | 103 | text-align: center; |
universe@267 | 104 | vertical-align: middle; |
universe@267 | 105 | width: 10em; |
universe@267 | 106 | height: 2em; |
universe@267 | 107 | border-style: solid; |
universe@267 | 108 | border-width: 1pt; |
universe@267 | 109 | border-color: #2e2e2e; |
universe@267 | 110 | } |
universe@267 | 111 | |
universe@267 | 112 | #modules td > a:hover { |
universe@267 | 113 | background: #e9ebec; |
universe@267 | 114 | } |