share/nitdoc/styles/main.css

   1 /* General */
   2
   3 body {
   4         margin: 0;
   5         font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;
   6 }
   7
   8 a {
   9         color: #333;
  10         text-decoration: none;
  11 }
  12
  13 a:hover {
  14         color: #0D8921;
  15 }
  16
  17 ul {
  18         list-style-type: square;
  19 }
  20
  21 pre, code {
  22         white-space: pre;
  23         font-family: monospace;
  24         font-size: 1em;
  25 }
  26
  27 pre {
  28         background: #EEE;
  29         padding: 5px;
  30         color: black;
  31         overflow: auto;
  32 }
  33
  34 hr {
  35         background-color: #DDD;
  36         height: 1px;
  37         border: 0;
  38 }
  39
  40 div.clear {
  41         clear: both;
  42 }
  43
  44 /* Titles */
  45
  46 h1, h2, h3, h4, h5 {
  47         font-family: Verdana, Geneva, sans-serif;
  48         color: #6C6C6C;
  49         font-weight: normal;
  50 }
  51
  52 h1 {
  53         font-size: 300%;
  54         margin: 0 0 10px 0;
  55 }
  56
  57 h3 {
  58         font-weight: bold;
  59 }
  60
  61 /* Page display */
  62
  63 body {
  64         overflow: hidden;
  65         height: 100%;
  66 }
  67
  68 header {
  69 }
  70
  71 .page {
  72         width: 937px;
  73         margin: auto;
  74 }
  75
  76 .menu {
  77         position: fixed;
  78         top: 50px;
  79         bottom: 2em;
  80         width: 250px;
  81         overflow-y:     scroll;
  82 }
  83
  84 .content {
  85         position: fixed;
  86         top: 50px;
  87         bottom: 0em;
  88         margin-left: 265px;
  89         width: 667px;
  90         overflow-y:     scroll;
  91         padding-right: 10px;
  92 }
  93
  94 .content.fullpage {
  95         margin-left: 20px;
  96         width: 910px;
  97 }
  98
  99 .content.footed {
 100         bottom: 2em;
 101 }
 102
 103 footer {
 104         position: fixed;
 105         bottom: 0;
 106         width: 100%;
 107 }
 108
 109 /* Webkit scroll bars */
 110
 111 .menu {
 112     overflow-y: hidden;
 113 }
 114
 115 .menu:hover {
 116     overflow-y: scroll;
 117 }
 118
 119 .menu::-webkit-scrollbar, .content::-webkit-scrollbar {
 120     width: 10px;
 121 }
 122
 123 .menu::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {
 124         background: #CCC;
 125         -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
 126 }
 127
 128 .menu::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {
 129         background: #999;
 130 }
 131
 132 .menu::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {
 133         background: transparent;
 134 }
 135
 136 .menu::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {
 137         width: 0;
 138         height: 0;
 139         display: none;
 140 }
 141
 142 /* Header, Footer */
 143
 144 header nav ul {
 145         padding: 0;
 146         list-style-type: none;
 147         width: 900px;
 148         margin: auto;
 149 }
 150
 151 header nav ul li {
 152         display: inline;
 153         padding: 3px 6px;
 154         margin: auto 5px;
 155         color: #999;
 156 }
 157
 158 header nav ul li a {
 159         color: black;
 160 }
 161
 162 header nav ul li a:hover {
 163         color: #0D8921;
 164 }
 165
 166 footer {
 167         text-align: center;
 168         padding-bottom: 10px;
 169         color: #CCC;
 170 }
 171
 172 /* Main menu */
 173
 174 header nav.main {
 175         background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;
 176         padding: 7px 0;
 177 }
 178
 179 header nav.main ul li.current {
 180         background: #0D8921;
 181         color: white;
 182 }
 183
 184 /* Latteral Menu */
 185
 186 .menu nav {
 187         margin: 20px;
 188         width: 208px;
 189         border: 1px solid #CCC;
 190 }
 191
 192 .menu nav:first-child {
 193         margin-top: 0;
 194 }
 195
 196 .menu nav h3 {
 197         margin: 0;
 198         padding: 5px;
 199         background: #CCC;
 200         font-size: 1em;
 201 }
 202
 203 .menu nav h4 {
 204         font-weight: bold;
 205         color: #555555;
 206         margin: 10px 0 0 10px;
 207         font-size: 12px;
 208 }
 209
 210 .menu nav h4:last-child {
 211         margin-bottom: 5px;
 212 }
 213
 214 .menu nav ul {
 215         margin: 10px;
 216         padding: 0;
 217         list-style-type: none;
 218 }
 219
 220 .menu nav ul li {
 221         overflow: hidden;
 222         color: #CCC;
 223 }
 224
 225 /* Content */
 226
 227 .content section {
 228         margin: 20px 0;
 229 }
 230
 231 .content article {
 232         color: #6C6C6C;
 233         background-repeat: no-repeat;
 234         background-position: left 7px;
 235         margin: 20px 0;
 236         padding: 5px 20px;
 237 }
 238
 239 .content article h3 {
 240         margin: 0;
 241         font-weight: normal;
 242         color: #333;
 243 }
 244
 245 .content article.graph {
 246         text-align: center;
 247 }
 248
 249 .content article.modules,
 250 .content article.classes,
 251 .content article.properties {
 252         float: left;
 253         width: 250px;
 254         overflow: hidden;
 255 }
 256
 257 .content article.overview ul,
 258 .content article.modules ul,
 259 .content article.classes ul,
 260 .content article.properties ul {
 261         list-style-type: none;
 262         padding: 0;
 263 }
 264
 265 .content article.properties ul ul {
 266         padding-left: 10px;
 267 }
 268
 269 nav ul li span,
 270 .content article ul li span {
 271         color: #CCC;
 272         text-align: center;
 273         font-family: monospace;
 274         margin-right: 5px;
 275 }
 276
 277 .content article.modules ul code,
 278 .content article.classes ul code,
 279 .content article.properties ul code {
 280         font-weight: normal;
 281 }
 282
 283 .content section.summary h2, .content section.summary article{
 284         color: #000000;
 285 }
 286
 287 .content section.summary article h3{
 288         font-weight: bold;
 289         color: #555;
 290 }
 291
 292 .content article.highlighted {
 293         background-color: #FFF3C2;
 294         color: black;
 295 }
 296
 297 .content .subtitle {
 298         color: #6C6C6C;
 299 }
 300
 301 .content a {
 302         color: #0D8921;
 303 }
 304
 305 .content a:hover {
 306         color: #333;
 307 }
 308
 309 .info a {
 310         color: #333;
 311 }
 312
 313 .info a:hover {
 314         color: #0D8921;
 315 }
 316
 317
 318 article .info .code {
 319         float: right;
 320 }
 321
 322 .content .concern-doc {
 323         border-top: 3px dotted #CCC;
 324         padding: 5px 0;
 325         color: #999;
 326 }
 327
 328 .content section.concerns {
 329         padding: 10px;
 330         background: #EEE;
 331 }
 332
 333 .content section.concerns h2 {
 334         margin-top: 0;
 335 }
 336
 337 .content section.concerns ul {
 338     list-style-type: none;
 339     padding-left: 0;
 340     margin: 0;
 341 }
 342
 343 .content section.concerns li {
 344     margin-top: 20px;
 345 }
 346
 347 .content section.concerns ul ul {
 348     padding-left: 20px;
 349 }
 350
 351 .content section.concerns li li {
 352     margin-top: 0;
 353 }
 354
 355 .content section.methods h3.concern-toplevel {
 356         border-top: 3px dotted #CCC;
 357         padding-top: 0.83em;
 358         color: #999;
 359 }
 360
 361 .show-code {
 362         margin: 0;
 363 }
 364
 365 /* JS facilities */
 366
 367 input[type=text] {
 368         width: 150px;
 369         border: 1px solid #CCC;
 370         margin-right: 5px;
 371         padding: 1px 2px;
 372 }
 373
 374 input[type=text].notUsed {
 375         color: #999;
 376         font-style: italic;
 377 }
 378
 379 nav .filter {
 380         text-align: center;
 381         padding: 5px;
 382 }
 383
 384 nav.main input[type=text] {
 385         margin: -2px 10px;
 386         color: black;
 387         font-style: normal;
 388 }
 389
 390 nav.main form {
 391         float: right;
 392 }
 393
 394 .filter a {
 395         color: #0D8921;
 396         cursor: pointer;
 397         font-family: monospace;
 398         margin-right: 5px;
 399    font-weight: bold;
 400 }
 401
 402 .filter a.hidden {
 403         color: #999;
 404    font-weight: normal;
 405 }
 406
 407 .filter a:hover {
 408         text-decoration: underline;
 409 }
 410
 411 nav h3 a.fold {
 412         margin: 0 5px;
 413         color: #999;
 414         font-family: monospace;
 415         font-weight: bold;
 416         font-size: 120%;
 417         cursor: pointer;
 418 }
 419
 420 .hide {
 421         overflow-y: hidden;
 422         height: 0;
 423 }
 424
 425 /* Icons */
 426 .type.public { background-image: url('../resources/icons/vtype_public.png')}
 427 .type.protected { background-image: url('../resources/icons/vtype_protected.png')}
 428 .type.private { background-image: url('../resources/icons/vtype_private.png')}
 429 .init.public { background-image: url('../resources/icons/const_public.png')}
 430 .init.protected { background-image: url('../resources/icons/const_protected.png')}
 431 .init.private { background-image: url('../resources/icons/const_private.png')}
 432 .fun.public { background-image: url('../resources/icons/meth_public.png')}
 433 .fun.protected { background-image: url('../resources/icons/meth_protected.png')}
 434 .fun.private { background-image: url('../resources/icons/meth_private.png')}
 435
 436 /* Quick Search */
 437
 438 #search {
 439         width: 300px;
 440 }
 441
 442 #searchTable {
 443         background-color: #FFFFFF;
 444         border: 1px solid #E0E0E0;
 445         border-spacing: 0px;
 446         z-index: 10; /* the menu must be over the rest of the page. */
 447 }
 448
 449 #searchTable .activeSearchResult {
 450         cursor: pointer;
 451         background: #EEE;
 452 }
 453
 454 #searchTable td {
 455         white-space: nowrap;
 456         overflow: hidden;
 457         line-height: 22px;
 458         padding: 2px;
 459         width: 25%;
 460 }
 461
 462 #searchTable td.entryInfo {
 463         color: #0D8921;
 464         font-size: small;
 465         width: 75%;
 466         text-align: right;
 467 }
 468
 469 textarea {
 470         margin: 10px;
 471         font-family: monospace;
 472         font-size: 1em;
 473         width: 100%;
 474 }
 475 #commitBtn, #cancelBtn{
 476         float: right;
 477         margin-right: 10px;
 478 }
 479 #commitBtn:hover, #cancelBtn:hover, #lblDiffCommit:hover{
 480         cursor: hand; cursor: pointer;
 481 }
 482
 483 #waitCommit { /*--Masque opaque noir de fond--*/
 484         display: none;
 485         top: 40%; left: 40%;
 486         z-index: 99999;
 487 }
 488 #fade { /*--Masque opaque noir de fond--*/
 489         display: none; /*--masqué par défaut--*/
 490         background: #000;
 491         position: fixed; left: 0; top: 0;
 492         width: 100%; height: 100%;
 493         opacity: .80;
 494         z-index: 9999;
 495 }
 496 #modal{
 497         display: none; /*--masqué par défaut--*/
 498         background: #fff;
 499         padding: 20px;
 500         border: 3px solid #ddd;
 501         float: left;
 502         font-size: 1.2em;
 503         position: fixed;
 504         top: 20%; left: 40%;
 505         z-index: 99999;
 506         /*--Les différentes définitions de Box Shadow en CSS3--*/
 507         -webkit-box-shadow: 0px 0px 20px #000;
 508         -moz-box-shadow: 0px 0px 20px #000;
 509         box-shadow: 0px 0px 20px #000;
 510         /*--Coins arrondis en CSS3--*/
 511         -webkit-border-radius: 10px;
 512         -moz-border-radius: 10px;
 513         border-radius: 10px;
 514 }
 515
 516 #modal #logginName{
 517         display: none; /*--masqué par défaut--*/
 518         background: #fff;
 519         padding: 20px;
 520         margin-bottom: 400px;
 521         font-size: 1.2em;
 522 }
 523
 524 #modalQuestion{
 525         display: none; /*--masqué par défaut--*/
 526         background: #fff;
 527         padding: 20px;
 528         border: 3px solid #ddd;
 529         float: left;
 530         font-size: 1.2em;
 531         position: fixed;
 532         top: 20%; left: 40%;
 533         z-index: 99999;
 534         /*--Les différentes définitions de Box Shadow en CSS3--*/
 535         -webkit-box-shadow: 0px 0px 20px #000;
 536         -moz-box-shadow: 0px 0px 20px #000;
 537         box-shadow: 0px 0px 20px #000;
 538         /*--Coins arrondis en CSS3--*/
 539         -webkit-border-radius: 10px;
 540         -moz-border-radius: 10px;
 541         border-radius: 10px;
 542 }
 543
 544 #btnCreateBranch, #btnCancelBranch{
 545         padding: 6px 7px;
 546         -moz-border-bottom-colors: none;
 547     -moz-border-left-colors: none;
 548     -moz-border-right-colors: none;
 549     -moz-border-top-colors: none;
 550     background-color: #F5F5F5;
 551     background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
 552     background-repeat: repeat-x;
 553     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
 554     border-image: none;
 555     border-radius: 4px 4px 4px 4px;
 556     border-style: solid;
 557     border-width: 1px;
 558     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 559     color: #333333;
 560     cursor: pointer;
 561     display: inline-block;
 562     font-size: 14px;
 563     line-height: 20px;
 564     margin-bottom: 0;
 565     padding: 4px 12px;
 566     text-align: center;
 567     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 568     vertical-align: middle;
 569     margin-top: 5%;
 570     margin-left: 10px;
 571
 572 }
 573
 574 #btnCreateBranch{
 575         margin-left: 35%;
 576 }
 577
 578 img.btn_close, img.btnCloseQuestion {
 579         float: right;
 580         margin: -35px -35px 0 0;
 581 }
 582 fieldset {
 583     margin-bottom: 20px;
 584 }
 585
 586 #login, #password, #commitMessage, #repoCommit, #branchName{
 587         border: 1px solid #ccc;
 588         padding: 6px 7px;
 589         outline: none;
 590         -moz-border-radius: 2px;
 591         -webkit-border-radius: 2px;
 592         border-radius: 2px;
 593         font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 594         color: #777;
 595         margin: 0;
 596         width: 210px;
 597         max-width: 100%;
 598         display: block;
 599         margin-bottom: 20px;
 600         background: #fff;
 601 }
 602
 603 .connect-button a{
 604         display: block;
 605         cursor: pointer;
 606         margin: 0 0 20px 0;
 607         background-color: #92C929;
 608         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
 609         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
 610         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
 611         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
 612         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
 613         background-image:         linear-gradient(top, #92C929, #1d7900);
 614         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
 615         border-radius: 4px;
 616         -moz-border-radius: 4px;
 617         -webkit-border-radius: 4px;
 618         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 619         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 620         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 621         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 622         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 623         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 624         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 625         border: 1px solid #1d7900;
 626         color: #fff;
 627         font-weight: 300;
 628         font-size: 14px;
 629         padding: 5px 7px 5px 7px;
 630         text-align: center;
 631         margin-top: 0px;
 632 }
 633
 634 .connect-button a:hover{
 635     background-image: -webkit-gradient(linear, left top, left bottom, from(#9AD42C), to(#1d7900)); /* Saf4+, Chrome */
 636     background-image: -webkit-linear-gradient(top, #9AD42C, #1d7900); /* Chrome 10+, Saf5.1+ */
 637     background-image:    -moz-linear-gradient(top, #9AD42C, #1d7900); /* FF3.6 */
 638     background-image:     -ms-linear-gradient(top, #9AD42C, #1d7900); /* IE10 */
 639     background-image:      -o-linear-gradient(top, #9AD42C, #1d7900); /* Opera 11.10+ */
 640     background-image:         linear-gradient(top, #92C929, #1d7900);
 641     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9AD42C', EndColorStr='#1d7900'); /* IE6–IE9 */
 642 }
 643
 644 .connect-button a:active{
 645     background-image: -webkit-gradient(linear, left top, left bottom, from(#73BD39), to(#1d7900)); /* Saf4+, Chrome */
 646     background-image: -webkit-linear-gradient(top, #73BD39, #1d7900); /* Chrome 10+, Saf5.1+ */
 647     background-image:    -moz-linear-gradient(top, #73BD39, #1d7900); /* FF3.6 */
 648     background-image:     -ms-linear-gradient(top, #73BD39, #1d7900); /* IE10 */
 649     background-image:      -o-linear-gradient(top, #73BD39, #1d7900); /* Opera 11.10+ */
 650     background-image:         linear-gradient(top, #73BD39, #1d7900);
 651     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73BD39', EndColorStr='#1d7900'); /* IE6–IE9 */
 652 }
 653
 654 .connect-button a strong{
 655     color: #fff;
 656     font-weight: 600;
 657 }
 658
 659 .connect-button a:hover{
 660     text-decoration: none;
 661 }
 662
 663 .connect-button a img{
 664     margin-right: 7px;
 665     margin-bottom: -3px;
 666     height: 16px;
 667     width: 16px;
 668 }
 669
 670 .popover a:hover {
 671         color: #333;
 672         cursor: hand; cursor: pointer;
 673 }
 674
 675 .popover a {
 676         color: #0D8921;
 677         margin-bottom: 10px;
 678 }
 679
 680 .popover {
 681         position: absolute;
 682         width : 220px;
 683         height:280px;
 684         margin-left: -185px;
 685         z-index: 1010;
 686         display: block;
 687         max-width: 276px;
 688         padding: 1px;
 689         text-align: left;
 690         white-space: normal;
 691         background-color: #ffffff;
 692         border: 1px solid #ccc;
 693         border: 1px solid rgba(0, 0, 0, 0.2);
 694         -webkit-border-radius: 6px;
 695          -moz-border-radius: 6px;
 696               border-radius: 6px;
 697         -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 698          -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 699               box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 700         -webkit-background-clip: padding-box;
 701          -moz-background-clip: padding;
 702               background-clip: padding-box;
 703 }
 704
 705 .popover.bottom {
 706         margin-top: 10px;
 707 }
 708
 709 .popover-title {
 710         padding: 8px 14px;
 711         margin: 0;
 712         font-size: 14px;
 713         font-weight: normal;
 714         line-height: 18px;
 715         background-color: #f7f7f7;
 716         border-bottom: 1px solid #ebebeb;
 717         -webkit-border-radius: 5px 5px 0 0;
 718          -moz-border-radius: 5px 5px 0 0;
 719               border-radius: 5px 5px 0 0;
 720 }
 721
 722 .popover-title:empty {
 723         display: none;
 724 }
 725
 726 .popover-content {
 727         padding: 9px 14px;
 728 }
 729
 730 .popover .arrow,
 731 .popover .arrow:after {
 732         position: absolute;
 733         display: block;
 734         width: 0;
 735         height: 0;
 736         border-color: transparent;
 737         border-style: solid;
 738 }
 739
 740 .popover .arrow {
 741         border-width: 11px;
 742 }
 743
 744 .popover .arrow:after {
 745         border-width: 10px;
 746         content: "";
 747 }
 748
 749 .popover.bottom .arrow {
 750         top: -11px;
 751         left: 50%;
 752         margin-left: 72px;
 753         border-bottom-color: #999;
 754         border-bottom-color: rgba(0, 0, 0, 0.25);
 755         border-top-width: 0;
 756 }
 757
 758 .popover.bottom .arrow:after {
 759         top: 1px;
 760         margin-left: -10px;
 761         border-bottom-color: #ffffff;
 762         border-top-width: 0;
 763 }
 764
 765 #logGitHub{
 766         cursor: hand; cursor: pointer;
 767         height: 17px;
 768         width: 17px;
 769 }
 770
 771 #liGitHub{
 772         float:right;
 773         margin-top:-4px;
 774         height: 20px;
 775 }
 776
 777 #liGitHub input {
 778         margin: 4px 10px 5px 10px;
 779         color: black;
 780         font-style: normal;
 781         font-size: 12px;
 782         border: 1px solid #CCC;
 783 }
 784
 785 #lbloginGit, #lbpasswordGit, #lbrepositoryGit, #lbbranchGit, #lblSignedOff{
 786         color: black;
 787         font-style: normal;
 788         margin-left: 10px;
 789         margin-top: 10px;
 790 }
 791 #logginMessage , #lbBranches{
 792         color: black;
 793         font-style: normal;
 794         text-align: center;
 795         margin-top: 10px;
 796 }
 797
 798 #divlogIn{
 799         text-align: center;
 800 }
 801
 802 #signIn{
 803         display: block;
 804         cursor: pointer;
 805         margin: 2px 10px 5px 10px;
 806         background-color: #92C929;
 807         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
 808         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
 809         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
 810         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
 811         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
 812         background-image:         linear-gradient(top, #92C929, #1d7900);
 813         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
 814         border-radius: 4px;
 815         -moz-border-radius: 4px;
 816         -webkit-border-radius: 4px;
 817         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 818         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 819         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 820         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 821         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 822         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 823         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 824         border: 1px solid #1d7900;
 825         color: #fff;
 826         font-weight: 300;
 827         font-size: 14px;
 828         padding: 5px 7px 5px 7px;
 829         text-align: center;
 830 }
 831
 832 #passwordGit, #loginGit, #repositoryGit, #branchGit, #signedOff{
 833         height:30px;
 834         width: 200px;
 835 }
 836
 837 #imgGitHub{
 838         width:20px;
 839 }
 840
 841 #dropBranches{
 842         font-size: 12px;
 843         height:20px;
 844 }
 845
 846 #listBranches, #divGitHubRepoDisplay{
 847         color: #000000;
 848         display:block;
 849         text-align:center;
 850         margin-top: 15px;
 851         margin-bottom: 15px;
 852 }
 853
 854 .githubTitle{
 855         text-align:center;
 856 }
 857
 858 #preSave{
 859         display: none;
 860 }
 861
 862 .noComment {
 863         padding: 5px;
 864 }
 865
 866 a.newComment {
 867         padding: 5px;
 868         color: #0D8921;
 869         display: block;
 870         margin: 1em 0px;
 871 }
 872 a.newComment: hover {
 873         color: #333;
 874 }