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