paul@2 | 1 | /* style-mercurialweb.css - stylesheets resembling the MercurialWikiTheme styles |
paul@2 | 2 | |
paul@2 | 3 | Copyright (c) 2010 Paul Boddie <paul@boddie.org.uk> |
paul@2 | 4 | Copyright (c) 2001, 2002, 2003 by Juergen Hermann |
paul@2 | 5 | */ |
paul@2 | 6 | |
paul@2 | 7 | /* content styles */ |
paul@2 | 8 | |
paul@2 | 9 | body { |
paul@2 | 10 | padding: 0; |
paul@2 | 11 | margin: 0; |
paul@2 | 12 | border: 0; |
paul@2 | 13 | |
paul@2 | 14 | /* Styling similar to the main site. */ |
paul@2 | 15 | |
paul@2 | 16 | font-family: Helvetica, Verdana, Arial, sans-serif; |
paul@2 | 17 | color: #111; |
paul@2 | 18 | margin: 0 5em; |
paul@2 | 19 | } |
paul@2 | 20 | |
paul@2 | 21 | a, img { |
paul@2 | 22 | border: 0; |
paul@2 | 23 | } |
paul@2 | 24 | |
paul@2 | 25 | a:link, a:visited { color: #00b5f1; text-decoration: none; } |
paul@2 | 26 | a:link:hover, a:link:active, a:link:focus, |
paul@2 | 27 | a:visited:hover, a:visited:active, a:visited:focus { text-decoration: underline; } |
paul@2 | 28 | |
paul@2 | 29 | input, select { |
paul@2 | 30 | |
paul@2 | 31 | /* Styling similar to the main site. */ |
paul@2 | 32 | |
paul@2 | 33 | font-family: Helvetica, Arial, sans-serif; |
paul@2 | 34 | font-size: 0.8571em; |
paul@2 | 35 | } |
paul@2 | 36 | |
paul@2 | 37 | /* Table styling. */ |
paul@2 | 38 | |
paul@2 | 39 | table |
paul@2 | 40 | { |
paul@2 | 41 | margin: 1em 0; |
paul@2 | 42 | border-collapse: collapse; |
paul@3 | 43 | width: 100%; |
paul@2 | 44 | } |
paul@2 | 45 | |
paul@2 | 46 | th { |
paul@2 | 47 | text-align: left; |
paul@2 | 48 | } |
paul@2 | 49 | |
paul@2 | 50 | th a:link, th a:visited { |
paul@2 | 51 | color: #111; |
paul@2 | 52 | } |
paul@2 | 53 | |
paul@2 | 54 | th, td { |
paul@2 | 55 | padding: 0.4em 0.25em; |
paul@2 | 56 | } |
paul@2 | 57 | |
paul@2 | 58 | td p { |
paul@2 | 59 | margin: 0; |
paul@2 | 60 | padding: 0; |
paul@2 | 61 | } |
paul@2 | 62 | |
paul@3 | 63 | tr.parity1 { |
paul@3 | 64 | background: #f7f7f7; |
paul@3 | 65 | } |
paul@3 | 66 | |
paul@2 | 67 | /* Styling of headings from the main site. */ |
paul@2 | 68 | |
paul@2 | 69 | h1 { font-size: 2em; } |
paul@2 | 70 | h2 { font-size: 1.6em; } |
paul@2 | 71 | h3 { font-size: 1.3em; } |
paul@2 | 72 | |
paul@2 | 73 | /* Repository information. */ |
paul@2 | 74 | |
paul@2 | 75 | span.tag { |
paul@2 | 76 | background: #f1b500; |
paul@2 | 77 | padding: 0.25em 0.5em; |
paul@2 | 78 | } |
paul@2 | 79 | |
paul@2 | 80 | span.branch { |
paul@2 | 81 | background: #b5f1b5; |
paul@2 | 82 | padding: 0.25em 0.5em; |
paul@2 | 83 | } |
paul@2 | 84 | |
paul@2 | 85 | span.inbranch { |
paul@2 | 86 | background: #b5b5b5; |
paul@2 | 87 | padding: 0.25em 0.5em; |
paul@2 | 88 | } |
paul@2 | 89 | |
paul@2 | 90 | /* Navigational and editing controls. */ |
paul@2 | 91 | |
paul@2 | 92 | @media print { |
paul@2 | 93 | #header { |
paul@2 | 94 | display: none; |
paul@2 | 95 | } |
paul@2 | 96 | } |
paul@2 | 97 | |
paul@2 | 98 | .controls { |
paul@2 | 99 | float: right; |
paul@2 | 100 | text-align: right; |
paul@2 | 101 | } |
paul@2 | 102 | |
paul@2 | 103 | #navibar { |
paul@2 | 104 | display: inline-block; |
paul@2 | 105 | margin: 17px 0 2px 0; |
paul@2 | 106 | padding: 0; |
paul@2 | 107 | vertical-align: bottom; |
paul@2 | 108 | } |
paul@2 | 109 | |
paul@2 | 110 | #navibar li { |
paul@2 | 111 | display: inline; |
paul@2 | 112 | margin: 0; |
paul@2 | 113 | padding: 0; |
paul@2 | 114 | } |
paul@2 | 115 | |
paul@2 | 116 | #navibar li form { |
paul@2 | 117 | display: inline; |
paul@2 | 118 | } |
paul@2 | 119 | |
paul@2 | 120 | #navibar a, #navibar li.current span, .navigation a { |
paul@2 | 121 | color: #fff; |
paul@2 | 122 | text-decoration: none; |
paul@2 | 123 | } |
paul@2 | 124 | |
paul@2 | 125 | #navibar a { |
paul@2 | 126 | background: #999; |
paul@2 | 127 | } |
paul@2 | 128 | |
paul@2 | 129 | .navigation a { |
paul@2 | 130 | background: #ccc; |
paul@2 | 131 | } |
paul@2 | 132 | |
paul@2 | 133 | #navibar a, #navibar li.current span { |
paul@2 | 134 | |
paul@2 | 135 | /* Need a block to redefine the height. */ |
paul@2 | 136 | |
paul@2 | 137 | display: inline-block; |
paul@2 | 138 | height: 42px; |
paul@2 | 139 | line-height: 42px; |
paul@2 | 140 | |
paul@2 | 141 | margin: 0; |
paul@2 | 142 | padding: 0 16px; |
paul@2 | 143 | } |
paul@2 | 144 | |
paul@2 | 145 | .navigation a { |
paul@2 | 146 | padding: 0.25em 0.5em; |
paul@2 | 147 | } |
paul@2 | 148 | |
paul@2 | 149 | #navibar a:hover, #navibar a:focus, #navibar li.current a, #navibar li.current span, |
paul@2 | 150 | .navigation a:hover, .navigation a:focus { |
paul@2 | 151 | background: #00b5f1; |
paul@2 | 152 | } |
paul@2 | 153 | |
paul@2 | 154 | #navibar a:hover, #navibar a:focus, #navibar li.current a, |
paul@2 | 155 | .navigation a:hover, .navigation a:focus { |
paul@2 | 156 | text-decoration: none; |
paul@2 | 157 | } |
paul@2 | 158 | |
paul@2 | 159 | /* Other elements. */ |
paul@2 | 160 | |
paul@2 | 161 | #logo { |
paul@2 | 162 | float: left; |
paul@2 | 163 | margin: 0; |
paul@2 | 164 | padding: 0; |
paul@2 | 165 | |
paul@2 | 166 | /* For text only logo */ |
paul@2 | 167 | |
paul@2 | 168 | font-size: larger; |
paul@2 | 169 | font-weight: bold; |
paul@2 | 170 | } |
paul@2 | 171 | |
paul@2 | 172 | #logo img { |
paul@2 | 173 | vertical-align: bottom; |
paul@2 | 174 | } |
paul@2 | 175 | |
paul@2 | 176 | #logo a { |
paul@2 | 177 | color: black; |
paul@2 | 178 | text-decoration: none; |
paul@2 | 179 | } |
paul@2 | 180 | |
paul@2 | 181 | #navibar form span.container { |
paul@2 | 182 | position: relative; |
paul@2 | 183 | display: inline-block; |
paul@2 | 184 | |
paul@2 | 185 | /* Margin and padding correspond to the navibar settings. */ |
paul@2 | 186 | |
paul@2 | 187 | margin: 0; |
paul@2 | 188 | background: #999; |
paul@2 | 189 | |
paul@2 | 190 | /* Height settings correspond to navibar list entries. */ |
paul@2 | 191 | |
paul@2 | 192 | height: 42px; |
paul@2 | 193 | line-height: 42px; |
paul@2 | 194 | } |
paul@2 | 195 | |
paul@2 | 196 | form#searchform span.container { |
paul@2 | 197 | |
paul@2 | 198 | /* Margin and padding correspond to the navibar settings. */ |
paul@2 | 199 | |
paul@2 | 200 | padding: 0 16px; |
paul@2 | 201 | } |
paul@2 | 202 | |
paul@2 | 203 | #searchform span.container span.hint { |
paul@2 | 204 | display: none; |
paul@2 | 205 | } |
paul@2 | 206 | |
paul@2 | 207 | #searchform span.container:hover span.hint { |
paul@2 | 208 | display: block; |
paul@2 | 209 | position: absolute; |
paul@2 | 210 | top: 42px; |
paul@2 | 211 | left: 16px; |
paul@2 | 212 | |
paul@2 | 213 | padding: 0 16px; |
paul@2 | 214 | |
paul@2 | 215 | background: #00b5f1; |
paul@2 | 216 | color: #fff; |
paul@2 | 217 | } |
paul@2 | 218 | |
paul@2 | 219 | #searchform input { |
paul@2 | 220 | vertical-align: middle; |
paul@2 | 221 | } |
paul@2 | 222 | |
paul@2 | 223 | #searchform label { |
paul@2 | 224 | font-size: smaller; |
paul@2 | 225 | color: #fff; |
paul@2 | 226 | } |
paul@2 | 227 | |
paul@2 | 228 | #pageline, .pageline { |
paul@2 | 229 | |
paul@2 | 230 | /* Prevent mixing of header and content elements. */ |
paul@2 | 231 | |
paul@2 | 232 | clear: both; |
paul@2 | 233 | margin: 0; |
paul@2 | 234 | padding: 0; |
paul@2 | 235 | border-bottom: 1px solid #ccc; |
paul@2 | 236 | } |
paul@2 | 237 | |
paul@2 | 238 | #credits { |
paul@2 | 239 | float: right; |
paul@2 | 240 | |
paul@2 | 241 | /* Styling similar to the main site. */ |
paul@2 | 242 | |
paul@2 | 243 | font-family: Verdana, Helvetica, Arial, sans-serif; |
paul@2 | 244 | font-size: .6428em; |
paul@2 | 245 | padding: 10px 25px; |
paul@2 | 246 | } |
paul@2 | 247 | |
paul@2 | 248 | #credits li { |
paul@2 | 249 | display: inline; |
paul@2 | 250 | padding: 0 2px; |
paul@2 | 251 | margin: 0 4px; |
paul@2 | 252 | } |
paul@2 | 253 | |
paul@2 | 254 | #credits img { |
paul@2 | 255 | vertical-align: middle; |
paul@2 | 256 | } |
paul@2 | 257 | |
paul@2 | 258 | #credits a { |
paul@2 | 259 | text-decoration: none; |
paul@2 | 260 | } |