Annotation of /trunk/viewvc/magellan-template/docroot/styles.css
Parent Directory
| 
Revision Log
Revision 4 -
(hide annotations)
(download)
(as text)
Tue Oct 30 22:18:26 2012 UTC (11 years, 6 months ago) by niro
File MIME type: text/css
File size: 8467 byte(s)
Tue Oct 30 22:18:26 2012 UTC (11 years, 6 months ago) by niro
File MIME type: text/css
File size: 8467 byte(s)
-initial viewvc theme for cvs.magellan-linux.de/svn.magellan-linux.de
| 1 | niro | 4 | /* |
| 2 | BWDEC2007 Template | ||
| 3 | CSS StyleSheet by David Herreman | ||
| 4 | http://www.free-css-templates.com | ||
| 5 | */ | ||
| 6 | |||
| 7 | body { | ||
| 8 | padding : 0; | ||
| 9 | margin : 0; | ||
| 10 | font : 0.74em Arial, sans-serif; | ||
| 11 | line-height : 1.5em; | ||
| 12 | background : #F8F8F8; | ||
| 13 | color : #454545; | ||
| 14 | } | ||
| 15 | |||
| 16 | a { | ||
| 17 | color : #FF6603; | ||
| 18 | background : inherit; | ||
| 19 | text-decoration : none; | ||
| 20 | } | ||
| 21 | a:hover { | ||
| 22 | color : #FF6603; | ||
| 23 | background : inherit; | ||
| 24 | text-decoration : underline; | ||
| 25 | } | ||
| 26 | p { | ||
| 27 | margin : 5px 0; | ||
| 28 | } | ||
| 29 | h1 { | ||
| 30 | font : bold 1.8em Arial, Sans-Serif; | ||
| 31 | padding : 8px 0 4px 0; | ||
| 32 | margin : 0; | ||
| 33 | letter-spacing : -1px; | ||
| 34 | } | ||
| 35 | h2 { | ||
| 36 | font : bold 1.6em Arial, Sans-Serif; | ||
| 37 | letter-spacing : -1px; | ||
| 38 | } | ||
| 39 | h3 { | ||
| 40 | padding : 4px 0; | ||
| 41 | margin : 0; | ||
| 42 | } | ||
| 43 | img { border : 0 } | ||
| 44 | .right { float: right } | ||
| 45 | |||
| 46 | |||
| 47 | ul { | ||
| 48 | margin : 0; | ||
| 49 | padding : 0; | ||
| 50 | list-style : none; | ||
| 51 | } | ||
| 52 | |||
| 53 | hr { | ||
| 54 | height : 1px; | ||
| 55 | border-style : none; | ||
| 56 | color : #d0d0d0; | ||
| 57 | background-color : #c0c0c0; | ||
| 58 | margin : 10px 0; | ||
| 59 | } | ||
| 60 | ol { | ||
| 61 | padding : 0; | ||
| 62 | margin : 0; | ||
| 63 | } | ||
| 64 | .code { | ||
| 65 | padding : 3px 5px 3px 35px; | ||
| 66 | border : 1px solid #ccc; | ||
| 67 | list-style-type : decimal-leading-zero; | ||
| 68 | font-family : Courier; | ||
| 69 | } | ||
| 70 | .code code { | ||
| 71 | font-family : Monaco, "Courier New", Tahoma; | ||
| 72 | font-size : 1.2em; | ||
| 73 | } | ||
| 74 | .code li { | ||
| 75 | margin : 2px 0; | ||
| 76 | padding : 0 5px; | ||
| 77 | background : #F6F6E3; | ||
| 78 | } | ||
| 79 | .code li.t1 { | ||
| 80 | padding-left : 4ex; | ||
| 81 | } | ||
| 82 | .code li.t2 { | ||
| 83 | padding-left : 8ex; | ||
| 84 | } | ||
| 85 | .code li.t3 { | ||
| 86 | padding-left : 12ex; | ||
| 87 | } | ||
| 88 | .code li.t4 { | ||
| 89 | padding-left : 16ex; | ||
| 90 | } | ||
| 91 | .code li.t5 { | ||
| 92 | padding-left : 20ex; | ||
| 93 | } | ||
| 94 | .code li.t6 { | ||
| 95 | padding-left : 24ex; | ||
| 96 | } | ||
| 97 | .code li.t7 { | ||
| 98 | padding-left : 28ex; | ||
| 99 | } | ||
| 100 | .code li.t8 { | ||
| 101 | padding-left : 32ex; | ||
| 102 | } | ||
| 103 | |||
| 104 | |||
| 105 | .content { | ||
| 106 | margin : 0 auto; | ||
| 107 | width : 960px; | ||
| 108 | } | ||
| 109 | |||
| 110 | #topbar { | ||
| 111 | height : 51px; | ||
| 112 | background : #000; | ||
| 113 | width : 100%; | ||
| 114 | color: #FFF; | ||
| 115 | } | ||
| 116 | |||
| 117 | #topbar .wrap { | ||
| 118 | background: #404040; | ||
| 119 | height: 51px; | ||
| 120 | width: 958px | ||
| 121 | } | ||
| 122 | |||
| 123 | #topbar h1 { | ||
| 124 | font : bold 2.0em Arial, sans-serif; | ||
| 125 | color: #FFF; | ||
| 126 | line-height: 51px; | ||
| 127 | padding: 0 0 0 10px; | ||
| 128 | background: inherit; | ||
| 129 | } | ||
| 130 | #topbar h1 a { color: #FFF; } | ||
| 131 | #topbar h1 a:hover { color: #FFF; text-decoration: none } | ||
| 132 | |||
| 133 | #topbar .se { | ||
| 134 | float: right; | ||
| 135 | padding: 12px 10px 0 0; | ||
| 136 | } | ||
| 137 | |||
| 138 | #subbar { | ||
| 139 | background: #F4F4F3; | ||
| 140 | height: 34px; | ||
| 141 | border-bottom: 1px solid #D6D6D6; | ||
| 142 | border-top: 2px solid #ff6603; | ||
| 143 | width: 100%; | ||
| 144 | } | ||
| 145 | |||
| 146 | #subbar .rss { | ||
| 147 | position: relative; | ||
| 148 | right: 20px; | ||
| 149 | top: 7px; | ||
| 150 | width: 21px; | ||
| 151 | height: 21px; | ||
| 152 | } | ||
| 153 | |||
| 154 | .menu { | ||
| 155 | background: #F7F7F6; | ||
| 156 | height: 34px; | ||
| 157 | line-height: 34px; | ||
| 158 | border-left: 1px solid #D6D6D6; | ||
| 159 | border-right: 1px solid #D6D6D6; | ||
| 160 | padding: 0; | ||
| 161 | margin: 0; | ||
| 162 | } | ||
| 163 | |||
| 164 | .menu a { | ||
| 165 | color : #74797E; | ||
| 166 | background : inherit; | ||
| 167 | text-decoration : none; | ||
| 168 | padding: 0 10px 0 10px; | ||
| 169 | line-height : 23px; | ||
| 170 | } | ||
| 171 | .menu a:hover, .menu .current { | ||
| 172 | color : #000; | ||
| 173 | background : inherit; | ||
| 174 | height : 23px; | ||
| 175 | text-decoration: underline | ||
| 176 | } | ||
| 177 | .menu ul { | ||
| 178 | list-style : none; | ||
| 179 | padding : 0; | ||
| 180 | margin : 0; | ||
| 181 | } | ||
| 182 | .menu li { | ||
| 183 | float : left; | ||
| 184 | margin : 0 0 0 0px; | ||
| 185 | display: inline; | ||
| 186 | } | ||
| 187 | |||
| 188 | #main { | ||
| 189 | width : 958px; | ||
| 190 | background: #FFF; | ||
| 191 | margin : 0px 0 0 0; | ||
| 192 | border-left: 1px solid #D6D6D6; | ||
| 193 | border-right: 1px solid #D6D6D6; | ||
| 194 | border-bottom: 1px solid #D6D6D6; | ||
| 195 | padding: 10px 0 0 0; | ||
| 196 | } | ||
| 197 | #main .padding { | ||
| 198 | padding: 10px; | ||
| 199 | } | ||
| 200 | .right_side { | ||
| 201 | float : right; | ||
| 202 | width : 391px; | ||
| 203 | background : inherit; | ||
| 204 | overflow : hidden; | ||
| 205 | } | ||
| 206 | .right_side .pad { | ||
| 207 | padding : 0 0 10px 17px; | ||
| 208 | } | ||
| 209 | .right_side p { | ||
| 210 | padding : 0 0 5px 5px; | ||
| 211 | } | ||
| 212 | .right_side ul { | ||
| 213 | padding : 3px 0 12px 0px; | ||
| 214 | } | ||
| 215 | |||
| 216 | .right_side li { | ||
| 217 | line-height : 22px; | ||
| 218 | list-style : none; | ||
| 219 | background: #f8f8f8 url(images/li.gif) no-repeat left; | ||
| 220 | margin-bottom: 2px; | ||
| 221 | } | ||
| 222 | .right_side li a{ | ||
| 223 | padding-left: 15px; | ||
| 224 | color: #74797E; | ||
| 225 | |||
| 226 | } | ||
| 227 | |||
| 228 | |||
| 229 | .right_side a:hover { | ||
| 230 | text-decoration : underline; | ||
| 231 | color: #000; | ||
| 232 | background: inherit; | ||
| 233 | } | ||
| 234 | .right_side h3 { | ||
| 235 | color : #eee; | ||
| 236 | font : bold 1.0em Arial, Sans-Serif; | ||
| 237 | background : #404040; | ||
| 238 | width : 100%; | ||
| 239 | height : 24px; | ||
| 240 | line-height : 22px; | ||
| 241 | text-indent : 10px; | ||
| 242 | font-weight: normal; | ||
| 243 | } | ||
| 244 | |||
| 245 | .right_side .sponsors { | ||
| 246 | margin-bottom: 5px; | ||
| 247 | width : 391px; | ||
| 248 | overflow: hidden; | ||
| 249 | |||
| 250 | } | ||
| 251 | .right_side .sponsors img.ml { margin-right: 4px; overflow: hidden } | ||
| 252 | |||
| 253 | .right_side .ls { | ||
| 254 | float: left; | ||
| 255 | width: 191px; | ||
| 256 | } | ||
| 257 | |||
| 258 | .right_side .rs { | ||
| 259 | float: right; | ||
| 260 | width: 191px; | ||
| 261 | |||
| 262 | } | ||
| 263 | |||
| 264 | .right_side .extra { | ||
| 265 | background : #F4F4F3; | ||
| 266 | color : #454545; | ||
| 267 | border-top: 4px solid #e5e5e5; | ||
| 268 | border-bottom: 4px solid #e5e5e5; | ||
| 269 | margin-bottom: 10px; | ||
| 270 | } | ||
| 271 | |||
| 272 | .right_side .extra .padding { padding: 10px } | ||
| 273 | |||
| 274 | #left_side { | ||
| 275 | background : inherit; | ||
| 276 | margin-bottom : 10px; | ||
| 277 | width : 527px; | ||
| 278 | color: #454545; | ||
| 279 | } | ||
| 280 | #left_side .intro { | ||
| 281 | background : #FDFDF0; | ||
| 282 | color : #454545; | ||
| 283 | border-bottom: 4px solid #F6F6E3 | ||
| 284 | } | ||
| 285 | #left_side .intro .pad { | ||
| 286 | padding : 10px; | ||
| 287 | } | ||
| 288 | #left_side .intro a { | ||
| 289 | color : #FF6603; | ||
| 290 | text-decoration : none; | ||
| 291 | } | ||
| 292 | #left_side .intro a:hover { | ||
| 293 | color : #FF6603; | ||
| 294 | text-decoration : underline; | ||
| 295 | } | ||
| 296 | #left_side .mpart { | ||
| 297 | padding : 20px 0 0 0; | ||
| 298 | } | ||
| 299 | #left_side h2 { | ||
| 300 | background : inherit; | ||
| 301 | padding : 0; | ||
| 302 | margin : 0; | ||
| 303 | font : 1.8em verdana, Arial, Sans-Serif; | ||
| 304 | color: #404040 | ||
| 305 | } | ||
| 306 | #left_side .mpart h2 a { color: #404040; } | ||
| 307 | #left_side .mpart h3 { | ||
| 308 | background : inherit; | ||
| 309 | padding : 0; | ||
| 310 | margin : 0 0 15px 0; | ||
| 311 | font : 0.9em verdana, Arial, Sans-Serif; | ||
| 312 | color : #a5a5a5; | ||
| 313 | } | ||
| 314 | #left_side p { | ||
| 315 | color : #454545; | ||
| 316 | padding : 0; | ||
| 317 | text-align : justify; | ||
| 318 | } | ||
| 319 | |||
| 320 | #left_side img { | ||
| 321 | float : left; | ||
| 322 | padding : 0 10px 5px 0; | ||
| 323 | } | ||
| 324 | #left_side blockquote { | ||
| 325 | padding-left : 10px; | ||
| 326 | border-left : 3px solid #a7cc44; | ||
| 327 | margin : 10px 0 10px 25px; | ||
| 328 | } | ||
| 329 | .date { | ||
| 330 | padding : 7px 10px 0 0; | ||
| 331 | margin : 10px 0 20px 0; | ||
| 332 | text-align : right; | ||
| 333 | background : #F4F4F3; | ||
| 334 | height : 26px; | ||
| 335 | width: auto; | ||
| 336 | } | ||
| 337 | .date a { | ||
| 338 | color: #74797E; | ||
| 339 | background : inherit; | ||
| 340 | } | ||
| 341 | #left_side .rs { | ||
| 342 | float : right; | ||
| 343 | margin : 0 0 0 10px; | ||
| 344 | border : 1px solid #888; | ||
| 345 | padding : 5px; | ||
| 346 | background : inherit; | ||
| 347 | } | ||
| 348 | #left_side ul { | ||
| 349 | list-style-position : inside; | ||
| 350 | margin-left : 2px; | ||
| 351 | } | ||
| 352 | #left_side ul li { | ||
| 353 | list-style-type : square; | ||
| 354 | margin-left : 15px; | ||
| 355 | } | ||
| 356 | #left_side ul ul li { | ||
| 357 | list-style : none; | ||
| 358 | margin-left : 10px; | ||
| 359 | list-style-type : lower-alpha; | ||
| 360 | list-style-position : inside; | ||
| 361 | } | ||
| 362 | #footer { | ||
| 363 | clear : both; | ||
| 364 | width : 100%; | ||
| 365 | margin : 0 0 6em 0; | ||
| 366 | padding : 10px 0px 0 10px; | ||
| 367 | color : #777; | ||
| 368 | background : inherit; | ||
| 369 | line-height : 1.7em; | ||
| 370 | } | ||
| 371 | #footer .right { | ||
| 372 | float : right; | ||
| 373 | padding-right: 20px; | ||
| 374 | } | ||
| 375 | #footer a { | ||
| 376 | text-decoration : none; | ||
| 377 | background : inherit; | ||
| 378 | } | ||
| 379 | #footer .fmenu { | ||
| 380 | background: inherit; | ||
| 381 | padding: 0; | ||
| 382 | margin: 0; | ||
| 383 | } | ||
| 384 | |||
| 385 | #footer .fmenu a { | ||
| 386 | color : #74797E; | ||
| 387 | background : inherit; | ||
| 388 | text-decoration : none; | ||
| 389 | padding: 0 10px 0 0px; | ||
| 390 | } | ||
| 391 | #footer .fmenu a:hover { | ||
| 392 | color : #000; | ||
| 393 | background : inherit; | ||
| 394 | text-decoration: underline | ||
| 395 | } | ||
| 396 | #footer .fmenu ul { | ||
| 397 | list-style : none; | ||
| 398 | padding : 0; | ||
| 399 | margin : 0; | ||
| 400 | } | ||
| 401 | #footer .fmenu li { | ||
| 402 | float : left; | ||
| 403 | margin : 0 10px 0 0px; | ||
| 404 | display: inline; | ||
| 405 | } | ||
| 406 | |||
| 407 | input.text { border: 1px solid #CCC; padding: 2px 5px 2px 5px; } | ||
| 408 | textarea.text { height: 150px; border: 1px solid #CCC; padding: 2px 5px 2px 5px; } | ||
| 409 | |||
| 410 | .clear { clear:both } | ||
| 411 | |||
| 412 | .form { width:400px; padding:3px; } | ||
| 413 | |||
| 414 | |||
| 415 | /*** Diff Styles ***/ | ||
| 416 | .vc_diff_header { | ||
| 417 | background-color: #ffffff; | ||
| 418 | } | ||
| 419 | .vc_diff_chunk_header { | ||
| 420 | background-color: rgb(236,187,48); | ||
| 421 | } | ||
| 422 | .vc_diff_chunk_extra { | ||
| 423 | } | ||
| 424 | .vc_diff_empty { | ||
| 425 | background-color: #cccccc; | ||
| 426 | font-family: sans-serif; | ||
| 427 | } | ||
| 428 | .vc_diff_add { | ||
| 429 | background-color: #aaffaa; | ||
| 430 | font-family: sans-serif; | ||
| 431 | } | ||
| 432 | .vc_diff_remove { | ||
| 433 | background-color: #ffaaaa; | ||
| 434 | font-family: sans-serif; | ||
| 435 | } | ||
| 436 | .vc_diff_change { | ||
| 437 | background-color: #ffff77; | ||
| 438 | font-family: sans-serif; | ||
| 439 | } | ||
| 440 | .vc_diff_change_empty { | ||
| 441 | background-color: #eeee77; | ||
| 442 | font-family: sans-serif; | ||
| 443 | } | ||
| 444 | .vc_diff_nochange { | ||
| 445 | font-family: sans-serif; | ||
| 446 | } | ||
| 447 | .vc_raw_diff { | ||
| 448 | background-color: #cccccc; | ||
| 449 | } | ||
| 450 | |||
| 451 | /*** Intraline Diff Styles ***/ | ||
| 452 | |||
| 453 | .vc_idiff_add { | ||
| 454 | background-color: #aaffaa; | ||
| 455 | } | ||
| 456 | .vc_idiff_change { | ||
| 457 | background-color:#ffff77; | ||
| 458 | } | ||
| 459 | .vc_idiff_remove { | ||
| 460 | background-color:#ffaaaa; | ||
| 461 | } | ||
| 462 | .vc_idiff_empty { | ||
| 463 | background-color:#e0e0e0; | ||
| 464 | } | ||
| 465 | |||
| 466 | table.vc_idiff col.content { | ||
| 467 | width: 50%; | ||
| 468 | } | ||
| 469 | table.vc_idiff tbody { | ||
| 470 | font-family: monospace; | ||
| 471 | /* unfortunately, white-space: pre-wrap isn't widely supported ... */ | ||
| 472 | white-space: -moz-pre-wrap; /* Mozilla based browsers */ | ||
| 473 | white-space: -pre-wrap; /* Opera 4 - 6 */ | ||
| 474 | white-space: -o-pre-wrap; /* Opera >= 7 */ | ||
| 475 | white-space: pre-wrap; /* CSS3 */ | ||
| 476 | word-wrap: break-word; /* IE 5.5+ */ | ||
| 477 | } | ||
| 478 | table.vc_idiff tbody th { | ||
| 479 | background-color:#e0e0e0; | ||
| 480 | text-align:right; | ||
| 481 | } | ||
| 482 | |||
| 483 | /*** Annotate Styles ***/ | ||
| 484 | .vc_blame_line, .vc_blame_author, .vc_blame_rev { | ||
| 485 | font-family: sans-serif; | ||
| 486 | text-align: right; | ||
| 487 | white-space: nowrap; | ||
| 488 | padding-right: 1em; | ||
| 489 | } | ||
| 490 | .vc_blame_text { | ||
| 491 | font-family: sans-serif; | ||
| 492 | text-align: left; | ||
| 493 | white-space: pre; | ||
| 494 | width: 100%; | ||
| 495 | } | ||
| 496 | |||
| 497 |