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: 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 text-decoration: none; 106 } 107 108 /* Other elements. */ 109 110 #logo { 111 float: left; 112 margin: 0; 113 padding: 0; 114 115 /* For text only logo */ 116 117 font-size: larger; 118 font-weight: bold; 119 } 120 121 #logo img { 122 vertical-align: bottom; 123 } 124 125 #logo a { 126 color: black; 127 text-decoration: none; 128 } 129 130 #searchform { 131 display: inline-block; 132 133 /* Margin and padding correspond to the navibar settings. */ 134 135 margin: 0; 136 padding: 0 16px; 137 background: #999; 138 139 /* Height settings correspond to navibar list entries. */ 140 141 height: 42px; 142 line-height: 42px; 143 } 144 145 #searchform input { 146 vertical-align: middle; 147 } 148 149 #searchform label { 150 font-size: smaller; 151 color: #fff; 152 } 153 154 #pageline, .pageline { 155 156 /* Prevent mixing of header and content elements. */ 157 158 clear: both; 159 margin: 0; 160 padding: 0; 161 border-bottom: 1px solid #ccc; 162 } 163 164 #message { 165 clear: both; 166 margin: 0; 167 padding: 5px 10px; 168 169 /* Styling similar to the advanced search. */ 170 171 border-bottom: 1px solid #ADB9CC; 172 background-color: #E7E7E7; 173 } 174 175 #message p { 176 margin: 5px 0; 177 padding: 0; 178 } 179 180 #message div.buttons { 181 font-weight: normal; 182 } 183 184 .dialog form { 185 margin: 0 15px; 186 } 187 188 .dialog td { 189 border: none; 190 padding: 5px; 191 } 192 193 .dialog td.label { 194 text-align: right; 195 font-weight: bold; 196 width: 25%; 197 } 198 199 *[dir="rtl"] .dialog td.label { 200 text-align: left; 201 } 202 203 .dialog td.content input { 204 width: 100%; 205 } 206 207 #page { 208 209 /* Prevent mixing of header and content elements. */ 210 211 clear: both; 212 background-color: white; 213 margin: 0; 214 padding: 0.25em; 215 } 216 217 #credits { 218 float: right; 219 220 /* Styling similar to the main site. */ 221 222 font-family: Verdana, Helvetica, Arial, sans-serif; 223 font-size: .6428em; 224 padding: 10px 25px; 225 } 226 227 #credits li { 228 display: inline; 229 padding: 0 2px; 230 margin: 0 4px; 231 } 232 233 #credits img { 234 vertical-align: middle; 235 } 236 237 #credits a { 238 text-decoration: none; 239 } 240 241 .diff { 242 width:99%; 243 } 244 245 .diff-header { 246 font-weight: bold; 247 } 248 249 .diff-title { 250 background-color: #C0C0C0; 251 } 252 253 .diff-added { 254 background-color: #E0FFE0; 255 vertical-align: sub; 256 } 257 258 .diff-removed { 259 background-color: #FFFFE0; 260 vertical-align: sub; 261 } 262 263 .diff-added span { 264 background-color: #80FF80; 265 } 266 267 .diff-removed span { 268 background-color: #FFFF80; 269 }