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