src/dom/inkscape.css

   1 /*
   2 * CSS for Inkscape Website (http://www.inkscape.org/)
   3 *
   4 * By: Tom von Schwerdtner | Etria LLP (http://www.etria.com/)
   5 *
   6 */
   7
   8 body {
   9     color: #000000;
  10     background: #ffffff;
  11     padding: 0px;
  12     margin: 0px;
  13     font-family: arial, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Sans-Serif;
  14     font-size: 80%;
  15 }
  16
  17 a:link, a:visited, a:hover {
  18     font-weight: bold;
  19     color: #0081ac;
  20     text-decoration: none;
  21 }
  22
  23 a:hover {
  24     text-decoration: underline;
  25 }
  26
  27 a:visited {
  28     color: #ac0011;
  29 }
  30
  31 div.top {
  32     background:#0081ac;
  33     width: 100%;
  34     height: 100px;
  35     border-bottom: 1px black solid;
  36 }
  37
  38 div.top a.logo,
  39 div.top a.logo:link,
  40 div.top a.logo:hover,
  41 div.top a.logo:visited
  42  {
  43      color: #ffffff;
  44      background: transparent;
  45      border: none;
  46      text-decoration: none;
  47 }
  48
  49 div.top h1 {
  50     color: #ffffff;
  51     background: transparent;
  52     font-size: 40px;
  53     font-family: arial;
  54     margin: 0px;
  55     padding: 20px;
  56     float: left;
  57 }
  58
  59 img.logo {
  60     float: right;
  61     border: none;
  62 }
  63
  64 #menu {
  65     float: left;
  66     border: 1px #999999 solid;
  67     width: 150px;
  68     margin-left: 10px;
  69     margin-top: 10px;
  70     margin-bottom: 10px;
  71 }
  72
  73 #menu ul {
  74     list-style: none;
  75     padding: 0px;
  76     margin: 0px;
  77 }
  78
  79 #menu li.sub {
  80     color: #000000;
  81     background: #d6d6d6;
  82     font-weight: bold;
  83     padding: 0px;
  84 }
  85
  86 #menu .title {
  87     padding: 4px;
  88     text-align: center;
  89 }
  90
  91 #menu ul.sub {
  92     padding: 0px;
  93     margin: 0px;
  94     border-top: 1px #999999 solid;
  95     border-bottom: 1px #999999 solid;
  96     list-style: none;
  97 }
  98
  99 #menu li a {
 100     display: block;
 101     background: #f0f0f0;
 102     color: #0081ac;
 103     border-top: 1px #d6d6d6 solid;
 104     border-bottom: 1px #d6d6d6 solid;
 105     margin: 0px;
 106     padding: 4px;
 107     padding-left: 10px;
 108     width: 100%;
 109 }
 110 #menu li a:visited {
 111     color: #0081ac;
 112 }
 113
 114 html>body #menu li a {
 115     width: auto;
 116 }
 117
 118 #menu li.item a:hover, ul.sub li.item a:hover {
 119     display: block;
 120     background: #ac0011;
 121     /*background: #DC878F;*/
 122     color: #ffffff;
 123     border-top: 1px #6F000B solid;
 124     border-bottom: 1px #6F000B solid;
 125     text-decoration: none;
 126 }
 127
 128 #sourceforge {
 129     text-align: center;
 130     border: none;
 131 }
 132
 133 html>body #sourceforge {
 134     width: auto;
 135 }
 136
 137 div.content {
 138     padding: 20px;
 139
 140     /* this is a hack */
 141     margin-left: 160px;
 142     margin-right: 20px;
 143 }
 144
 145
 146 #skipnav {
 147     display: none;
 148 }
 149
 150 #togglecss {
 151     position: absolute;
 152     top: 110px;
 153     right: 10px;
 154 }
 155
 156 div.news {
 157 }
 158
 159 div.news div.item {
 160 }
 161
 162 div.news div.item img {
 163     margin: 10px;
 164 }
 165
 166 div.news div.item img.right {
 167     float: right;
 168     margin-right: 0px;
 169 }
 170
 171 div.news div.item img.left {
 172     float: left;
 173     margin-left: 0px;
 174 }
 175
 176 img.thumb {
 177     border: 1px #999999 solid;
 178 }
 179
 180 div.news div.item h3 {
 181    font-weight: bold;
 182    border-left: 10px #999999 solid;
 183    padding-left: 4px;
 184    margin-bottom: 4px;
 185
 186    clear: right;
 187 }
 188
 189 div.news div.item p {
 190     margin-top: 0px;
 191     margin-left: 20px;
 192     margin-right: 20px;
 193 }
 194
 195 p {
 196     text-align: justify;
 197 }
 198
 199 h2 {
 200     border-bottom: 1px #000000 solid;
 201     clear: right;
 202 }
 203
 204 pre {
 205     border: 1px #006F02 solid;
 206     background: #B0E4AE;
 207     padding: 4px;
 208 }
 209
 210
 211 /* File Releases */
 212
 213 div.rss-files {
 214 }
 215
 216 div.rss-files div.file {
 217     background: #f0f0f0;
 218     color: #000000;
 219     border: 1px #999999 solid;
 220     padding: 2px;
 221     margin: 20px;
 222 }
 223
 224 div.rss-files div.file div.title {
 225     font-weight: bold;
 226     padding: 4px;
 227     padding-top: 2px;
 228 }
 229 div.rss-files div.file div.description {
 230     font-weight: normal;
 231     border: 1px #999999 solid;
 232     background: #ffffff;
 233     color: #000000;
 234     padding: 4px;
 235 }
 236
 237 #footer {
 238     text-align: center;
 239     width: 100%;
 240     border-top: 1px #000000 solid;
 241     border-bottom: 1px #000000 solid;
 242     padding-top: 4px;
 243     padding-bottom: 4px;
 244     background:#0081AC;
 245     color: #ffffff;
 246     clear: both;
 247 }
 248
 249 #footer img {
 250     border: none;
 251 }
 252
 253 #footer a {
 254     color: white;
 255 }
 256 /* We are overriding some earlier styles here, so this needs to be at the end
 257  */
 258 /*
 259 a.external:link,
 260 a.external:visited,
 261 a.external:hover,
 262 #menu li a.external,
 263 #menu li a.external:hover
 264 {
 265     background-image: url('/images/globe.png');
 266     background-repeat: no-repeat;
 267     background-position: center right;
 268     padding-right: 18px;
 269 }
 270 */
 271
 272 /* Doxygen Specific */
 273
 274 div.doxygen {
 275 }
 276
 277 div.doxygen pre {
 278     background: #F8F8C6;
 279     background: #fffff0;
 280     color: #000000;
 281     border: 1px #808000 solid;
 282 }
 283
 284 div.doxygen pre a:hover {
 285 }
 286
 287 div.doxygen pre .preprocessor {
 288     font-weight: bold;
 289     color: #006809;
 290 }
 291
 292 div.doxygen pre .keyword {
 293     color: #68005F;
 294 }
 295
 296 div.doxygen pre .keywordflow {
 297     color: #120053;
 298     font-weight: bold;
 299 }
 300
 301 div.doxygen pre .keywordtype {
 302     font-weight: bold;
 303     color: #495300;
 304 }
 305
 306 div.doxygen pre .comment {
 307     font-style: italic;
 308     font-weight: bold;
 309 }
 310
 311
 312
 313
 314 table {
 315
 316     margin-left:            auto;
 317     margin-right:           auto;
 318     width:                  100%;
 319
 320     clear:                  none;
 321
 322     border-collapse:        collapse;
 323
 324
 325     background:             none;
 326
 327
 328 /*    font-family: Arial, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Sans-Serif; */
 329     font-size: 13px;
 330
 331 }
 332
 333 td {
 334     padding:                8px;
 335     vertical-align:         top;
 336 }
 337
 338
 339 table.roadmap {
 340     background:             #eee;
 341 }
 342
 343 table.roadmap td {
 344
 345     border:                 1px solid #999;
 346     /* width:                  50%; */
 347
 348
 349 }
 350
 351 tr.header {
 352     font-weight:            bold;
 353     background:             #ddd;
 354 }
 355
 356 td.title {
 357     text-align:             center;
 358     font-size:              16px;
 359     font-weight:            bold;
 360     background:             #ddd;
 361 }
 362
 363
 364
 365 img.float {
 366     float:                  right;
 367
 368     margin-top:             7px;
 369     margin-left:            10px;
 370     /* margin-right:           10px; */
 371     margin-bottom:          10px;
 372 }
 373
 374
 375
 376 /*@import: url(wiki.css)*/
 377
 378
 379
 380 /* FORM STUFF */
 381
 382 SELECT, option, textarea, input  {
 383
 384     color:                  #000000;
 385     font-size:              10px;
 386     text-decoration:        none;
 387     background:             white;
 388     border:                 1px solid #666666;
 389
 390     margin:                 2px 0px 2px 0;
 391     padding:                2px;
 392
 393 }
 394
 395 /* now make them all have nice hovers */
 396
 397
 398
 399 SELECT:hover, option:hover, textarea:hover, input:hover {
 400     background:             #ddd;
 401 }
 402
 403
 404 form.search {
 405     /*display:                inline;
 406     background:             #f0f0f0;
 407     */
 408
 409     text-align:             center;
 410
 411     display:                block;
 412     background:             #f0f0f0;
 413     color:                  #0081ac;
 414     border-top:             1px #d6d6d6 solid;
 415     border-bottom:          1px #d6d6d6 solid;
 416     margin:                 0px;
 417     padding:                4px;
 418     padding-left:           10px;
 419
 420
 421 }
 422
 423 form.search:hover {
 424     background:             #ac0011;
 425 }
 426
 427
 428
 429 #post_news input
 430 {
 431     width:      35%;
 432 }
 433
 434 #post_news textarea
 435 {
 436     width:      100%;
 437     height:     150px;
 438 }
 439
 440 input#login,
 441 #post_news input#preview,
 442 #post_news input#save,
 443 #post_news input#reset
 444 {
 445     width:      100px;
 446 }
 447
 448
 449 #post_news table
 450 {
 451     padding:    0;
 452 }
 453
 454 #post_news td
 455 {
 456     padding-left:    0;
 457 }
 458 #post_news table tr td.header
 459 {
 460     width:          10%;
 461     font-weight:    bold;
 462 }
 463
 464 .alert
 465 {
 466     color:          red;
 467 }
 468
 469
 470 div.alert
 471 {
 472     border:         1px solid red;
 473     padding:        8px;
 474 }
 475
 476 .preview,
 477 .message
 478 {
 479     border:         1px solid #ccc;
 480     padding:        8px;
 481 }
 482
 483
 484 #navbar
 485 {
 486     padding:        8px;
 487     background:     #ccc;
 488 }
 489
 490 #navbar a
 491 {
 492     padding-right:  12px;
 493 }