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 0; 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.4em 0.25em; 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 /* Repository information. */ 69 70 span.tag { 71 background: #f1b500; 72 padding: 0.25em 0.5em; 73 } 74 75 span.branch { 76 background: #b5f1b5; 77 padding: 0.25em 0.5em; 78 } 79 80 span.inbranch { 81 background: #b5b5b5; 82 padding: 0.25em 0.5em; 83 } 84 85 /* Navigational and editing controls. */ 86 87 .controls { 88 float: right; 89 text-align: right; 90 } 91 92 #navibar { 93 display: inline-block; 94 margin: 17px 0 2px 0; 95 padding: 0; 96 vertical-align: bottom; 97 } 98 99 #navibar li { 100 display: inline; 101 margin: 0; 102 padding: 0; 103 } 104 105 #navibar a, #navibar li.current span, .navigation a { 106 color: #fff; 107 text-decoration: none; 108 } 109 110 #navibar a, #navibar li.current span { 111 background: #999; 112 } 113 114 .navigation a { 115 background: #ccc; 116 } 117 118 #navibar a, #navibar li.current span { 119 120 /* Need a block to redefine the height. */ 121 122 display: inline-block; 123 height: 42px; 124 line-height: 42px; 125 126 margin: 0; 127 padding: 0 16px; 128 } 129 130 .navigation a { 131 padding: 0.25em 0.5em; 132 } 133 134 #navibar a:hover, #navibar a:focus, #navibar li.current a, #navibar li.current span, 135 .navigation a:hover, .navigation a:focus { 136 background: #00b5f1; 137 } 138 139 #navibar a:hover, #navibar a:focus, #navibar li.current a, 140 .navigation a:hover, .navigation a:focus { 141 text-decoration: none; 142 } 143 144 /* Other elements. */ 145 146 #logo { 147 float: left; 148 margin: 0; 149 padding: 0; 150 151 /* For text only logo */ 152 153 font-size: larger; 154 font-weight: bold; 155 } 156 157 #logo img { 158 vertical-align: bottom; 159 } 160 161 #logo a { 162 color: black; 163 text-decoration: none; 164 } 165 166 #searchform { 167 display: inline; 168 } 169 170 #searchform span.container { 171 display: inline-block; 172 position: relative; 173 174 /* Margin and padding correspond to the navibar settings. */ 175 176 margin: 0; 177 padding: 0 16px; 178 background: #999; 179 180 /* Height settings correspond to navibar list entries. */ 181 182 height: 42px; 183 line-height: 42px; 184 } 185 186 #searchform span.container span.hint { 187 display: none; 188 } 189 190 #searchform span.container:hover span.hint { 191 display: block; 192 position: absolute; 193 top: 42px; 194 left: 16px; 195 196 padding: 0 16px; 197 198 background: #00b5f1; 199 color: #fff; 200 } 201 202 #searchform input { 203 vertical-align: middle; 204 } 205 206 #searchform label { 207 font-size: smaller; 208 color: #fff; 209 } 210 211 #pageline, .pageline { 212 213 /* Prevent mixing of header and content elements. */ 214 215 clear: both; 216 margin: 0; 217 padding: 0; 218 border-bottom: 1px solid #ccc; 219 } 220 221 #credits { 222 float: right; 223 224 /* Styling similar to the main site. */ 225 226 font-family: Verdana, Helvetica, Arial, sans-serif; 227 font-size: .6428em; 228 padding: 10px 25px; 229 } 230 231 #credits li { 232 display: inline; 233 padding: 0 2px; 234 margin: 0 4px; 235 } 236 237 #credits img { 238 vertical-align: middle; 239 } 240 241 #credits a { 242 text-decoration: none; 243 }