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