1/* 2 * Copyright 2008-2009, Haiku. All rights reserved. 3 * Distributed under the terms of the MIT License. 4 * 5 * Authors: 6 * Fran��ois Revol <revol@free.fr> 7 * Stephan A��mus <superstippi@gmx.de> 8 * Braden Ewing <brewin@gmail.com> 9 * Humdinger <humdingerb@gmail.com> 10 * Vincent Duvert <vincent.duvert@free.fr> 11 */ 12 13html { 14 margin: 0; 15 padding: 0; 16 background: #FFF; 17} 18 19body { 20 color: #333333; 21 line-height: 1.5; 22 margin: 0; 23 padding: 0; 24 font-family: "DejaVu Sans", Arial, Helvetica, sans-serif; 25} 26 27/* link colors and text decoration */ 28 29a:link { 30 font-weight: bold; 31 text-decoration: none; 32 color: #dc3c01; 33} 34a:visited { 35 font-weight: bold; 36 text-decoration: none; 37 color: #892601; 38} 39a:hover, a:active { 40 text-decoration: underline; 41 color: #ff4500; 42} 43 44/* Some headers act as anchors, don't give them a hover effect */ 45 46h2 a:hover, a:active { 47 text-decoration: none; 48 color: #0c3762; 49} 50h3 a:hover, a:active { 51 text-decoration: none; 52 color: #0c3762; 53} 54h4 a:hover, a:active { 55 text-decoration: none; 56 color: #0c3762; 57} 58h5 a:hover, a:active { 59 text-decoration: none; 60 color: #0c3762; 61} 62 63/* heading and navigation */ 64 65#banner { 66 position: relative; 67 left: 0; 68 top: 0; 69 height: 84px; 70 min-width: 59em; 71 background: #eeeeee; 72} 73 74#banner div { 75 background: transparent url(images/logo.png) no-repeat scroll 10px 0; 76 min-width: 59em; 77 max-width: 70em; 78 height: 100%; 79 margin: 0 auto; 80} 81 82#banner span { 83 position: relative; 84 top: 51px; 85 left: 272px; 86 color: #333333; 87 text-transform: uppercase; 88 letter-spacing: 3px; 89 font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif; 90 font-weight: normal; 91 font-size: 16px; 92} 93 94div.nav { 95 position: relative; 96 min-width: 59em; 97 left: 0; 98 top: 0; 99 background: #e0e0e0; 100 padding: 0; 101} 102 103div.nav div.inner { 104 min-width: 59em; 105 max-width: 70em; 106 height: 100%; 107 margin: 0 auto; 108 text-align: right; 109 padding: 0; 110} 111 112div.nav div.inner span { 113 margin-right: 40px; 114 font-size: 0.8em; 115} 116 117div.nav div.inner span a.uplink { 118 font-weight: normal; 119} 120 121/* Language selection menu */ 122 123ul.lang-menu { 124 display: block; 125 text-align: left; 126 list-style-type: none; 127 font-size: 0.8em; 128 position: absolute; 129 margin: 0; 130} 131 132ul.lang-menu img { 133 border: 0; 134 padding-right: 5px; 135} 136 137ul.lang-menu li { 138 margin-left: 10px; 139 padding: 2px 5px 2px 5px; 140 background: #e0e0e0; 141 display: none; 142} 143 144ul.lang-menu:hover li { 145 display: block; 146} 147 148ul.lang-menu li:hover { 149 background-color: #efefef; 150} 151 152ul.lang-menu li.now { 153 padding: 5px 5px 0 5px; 154 display: block; 155 background-color: inherit; 156} 157 158ul.lang-menu li a { 159 color: black; 160 text-decoration: none; 161 font-weight: normal; 162} 163 164/* main content */ 165#content { 166 min-width: 59em; 167 max-width: 70em; 168 margin: 0 auto; 169} 170 171#content div { 172 margin-top: 30px; 173 margin-left: 40px; 174 margin-right: 40px; 175 margin-bottom: 50px; 176 font-size: 0.9em; 177} 178 179/* contents box */ 180 181table.index { 182 margin: 0px 0px 30px 30px; 183 padding: 1px; 184 border-width: 1px; 185 border-style: dotted; 186 border-color: #e0e0e0; 187 float:right; 188} 189table.index tr.heading { 190 background-color: #e0e0e0; 191 text-align: center; 192 font-weight: bold; 193 font-size: 1.1em; 194} 195table.index tr.index { 196 background-color: #eeeeee; 197} 198table.index td { 199 padding: 5px 20px; 200} 201 202table.index a:link, table.index a:visited { 203 font-weight: normal; 204 text-decoration: none; 205 color: #dc3c01; 206} 207table.index a:hover, table.index a:active { 208 text-decoration: underline; 209 color: #ff4500; 210} 211 212 213/* Haiku User Guide styles and layout */ 214 215/* Rounded corner boxes */ 216/* Common declarations */ 217.box-info, .box-stop, .box-warning { 218 -webkit-border-radius: 10px; 219 -khtml-border-radius: 10px; 220 -moz-border-radius: 10px; 221 border-radius: 10px; 222 border-style: dotted; 223 border-width: thin; 224 border-color: #dcdcdc; 225 padding: 10px 15px 10px 80px; 226 margin-bottom: 15px; 227 margin-top: 15px; 228 min-height: 42px; 229} 230.box-info { 231 background: #e4ffde url(images/alert_info_32.png) 15px 15px no-repeat; 232} 233.box-warning { 234 background: #fffbc6 url(images/alert_warning_32.png) 15px 15px no-repeat; 235} 236.box-stop { 237 background: #ffeae6 url(images/alert_stop_32.png) 15px 15px no-repeat; 238} 239 240/* More layout and styles */ 241h1 { 242 font-size: 1.3em; 243 font-weight: bold; 244 color: #0c3762; 245 border-bottom: dotted thin #e0e0e0; 246 margin-bottom: 25px; 247} 248h2 { 249 font-size: 1.3em; 250 font-weight: normal; 251 color: #0c3762; 252 border-bottom: dotted thin #e0e0e0; 253 margin-top: 35px; 254} 255h3 { 256 font-size: 1.2em; 257 font-weight: normal; 258 color: #0c3762; 259 border-bottom: dotted thin #e0e0e0; 260 margin-top: 30px; 261} 262h4 { 263 font-size: 1.1em; 264 font-weight: normal; 265 color: #0c3762; 266 margin-top: 30px; 267} 268h5 { 269 font-size: 1.0em; 270 font-weight: normal; 271 color: #0c3762; 272 margin-top: 30px; 273} 274p { 275 text-align: justify; 276} 277ol { 278 padding-left: 20px; 279} 280ul { 281 padding-left: 14px; 282} 283li { 284 line-height: 1.3; 285} 286td { 287 vertical-align: top; 288} 289td.onelinetop { 290 vertical-align: top; 291 white-space: nowrap; 292} 293tt { 294 background-color: #e2e2e2; 295 font-size: 1.0em; 296 font-family: monospace; 297} 298pre { 299 border-color: #0c3762; 300 border-style: dotted; 301 border-width: thin; 302 margin: 0em; 303 padding: 1.5em; 304 background-color: #f0f0f0; 305} 306pre.terminal { /* Terminal output*/ 307 border-color: #ffb11f; 308 border-style: dotted; 309 border-width: thin; 310 margin: 0em; 311 padding: 1.5em; 312 background-color: #3a3a3a; 313 color: #ffb11f; 314} 315.menu { /* Menu */ 316 font-size: 1.0em; 317 font-family: serif; 318 font-style: italic; 319 color: #24225e; 320} 321.button { /* Button */ 322 font-size: 1.0em; 323 font-family: serif; 324 font-style: italic; 325 color: #33583c; 326} 327.app { /* GUI Application name */ 328 font-size: 1.0em; 329 font-family: serif; 330 font-style: italic; 331 color: #5e1c1c; 332} 333.cli { /* Shell command or file */ 334 background-color: #e8e8e8; 335 font-size: 0.9em; 336 font-family: monospace; 337} 338.path { /* File path */ 339 background-color: #e8e8e8; 340 font-size: 0.9em; 341 font-family: monospace; 342} 343.key { /* Shortcut (separate with �� */ 344 -webkit-border-radius: 3px; 345 -khtml-border-radius: 3px; 346 -moz-border-radius: 3px; 347 border-radius: 3px; 348 border-color: #c7c7c7; 349 border-style: solid; 350 border-width: 1px; 351 padding: 0px 2px 0px 2px; 352 background-color: #e8e8e8; 353 font-family: serif; 354 font-variant: small-caps; 355 font-size: 0.8em; 356} 357 358/* printer only pretty stuff */ 359@media /*screen,*/print { 360 /* suggest page orientation */ 361 @page { size: portrait; } 362 .noprint { 363 display: none; 364 } 365 /* hide header and nav bar */ 366 #banner { 367 display:none; 368 } 369 370 div.nav { 371 display:none; 372 } 373 374 /* some links we want to print the url along with (CSS2) */ 375 a.printurl:after { 376 content: " <" attr(href) ">"; 377 font-weight: normal; 378 font-size: small; 379 } 380 /* override for those we really don't want to print */ 381 a.noprinturl:after { 382 content: ""; 383 } 384 /* for acronyms we want their definitions inlined at print time */ 385 acronym[title]:after { 386 font-size: small; 387 content: " (" attr(title) ")"; 388 font-style: italic; 389 } 390 /* and not have mozilla dotted underline */ 391 acronym { 392 border: none; 393 } 394 pre.terminal { /* Terminal output black on white*/ 395 background-color: #ffffff; 396 color: #000000; 397 } 398 #content { 399 margin: 0px; 400 padding: 0px; 401 } 402 html { 403 background: #FFF; 404 } 405} 406