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