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 {
 298         color: #0D8921;
 299 }
 300
 301 .content a:hover {
 302         color: #333;
 303 }
 304
 305 .info a {
 306         color: #333;
 307 }
 308
 309 .info a:hover {
 310         color: #0D8921;
 311 }
 312
 313
 314 article .info .code {
 315         float: right;
 316 }
 317
 318 .content .concern-doc {
 319         border-top: 3px dotted #CCC;
 320         padding: 5px 0;
 321         color: #999;
 322 }
 323
 324 .content section.concerns {
 325         padding: 10px;
 326         background: #EEE;
 327 }
 328
 329 .content section.concerns h2 {
 330         margin-top: 0;
 331 }
 332
 333 .content section.concerns ul {
 334     list-style-type: none;
 335     padding-left: 0;
 336     margin: 0;
 337 }
 338
 339 .content section.concerns li {
 340     margin-top: 20px;
 341 }
 342
 343 .content section.concerns ul ul {
 344     padding-left: 20px;
 345 }
 346
 347 .content section.concerns li li {
 348     margin-top: 0;
 349 }
 350
 351 .content section.methods h3.concern-toplevel {
 352         border-top: 3px dotted #CCC;
 353         padding-top: 0.83em;
 354         color: #999;
 355 }
 356
 357 .show-code {
 358         margin: 0;
 359 }
 360
 361 /* JS facilities */
 362
 363 input[type=text] {
 364         width: 150px;
 365         border: 1px solid #CCC;
 366         margin-right: 5px;
 367         padding: 1px 2px;
 368 }
 369
 370 input[type=text].notUsed {
 371         color: #999;
 372         font-style: italic;
 373 }
 374
 375 nav .filter {
 376         text-align: center;
 377         padding: 5px;
 378 }
 379
 380 nav.main input[type=text] {
 381         margin: -2px 10px;
 382         color: black;
 383         font-style: normal;
 384 }
 385
 386 nav.main form {
 387         float: right;
 388 }
 389
 390 .filter a {
 391         color: #0D8921;
 392         cursor: pointer;
 393         font-family: monospace;
 394         margin-right: 5px;
 395    font-weight: bold;
 396 }
 397
 398 .filter a.hidden {
 399         color: #999;
 400    font-weight: normal;
 401 }
 402
 403 .filter a:hover {
 404         text-decoration: underline;
 405 }
 406
 407 nav h3 a.fold {
 408         margin: 0 5px;
 409         color: #999;
 410         font-family: monospace;
 411         font-weight: bold;
 412         font-size: 120%;
 413         cursor: pointer;
 414 }
 415
 416 .hide {
 417         overflow-y: hidden;
 418         height: 0;
 419 }
 420
 421 /* Icons */
 422 .type.public { background-image: url('../resources/icons/vtype_public.png')}
 423 .type.protected { background-image: url('../resources/icons/vtype_protected.png')}
 424 .type.private { background-image: url('../resources/icons/vtype_private.png')}
 425 .init.public { background-image: url('../resources/icons/const_public.png')}
 426 .init.protected { background-image: url('../resources/icons/const_protected.png')}
 427 .init.private { background-image: url('../resources/icons/const_private.png')}
 428 .fun.public { background-image: url('../resources/icons/meth_public.png')}
 429 .fun.protected { background-image: url('../resources/icons/meth_protected.png')}
 430 .fun.private { background-image: url('../resources/icons/meth_private.png')}
 431
 432 /* Quick Search */
 433
 434 #search {
 435         width: 300px;
 436 }
 437
 438 #searchTable {
 439         background-color: #FFFFFF;
 440         border: 1px solid #E0E0E0;
 441         border-spacing: 0px;
 442         z-index: 10; /* the menu must be over the rest of the page. */
 443 }
 444
 445 #searchTable .activeSearchResult {
 446         cursor: pointer;
 447         background: #EEE;
 448 }
 449
 450 #searchTable td {
 451         white-space: nowrap;
 452         overflow: hidden;
 453         line-height: 22px;
 454         padding: 2px;
 455         width: 25%;
 456 }
 457
 458 #searchTable td.entryInfo {
 459         color: #0D8921;
 460         font-size: small;
 461         width: 75%;
 462         text-align: right;
 463 }
 464
 465 textarea {
 466         margin: 10px;
 467         font-family: monospace;
 468         font-size: 1em;
 469         width: 100%;
 470 }
 471 #commitBtn, #cancelBtn{
 472         float: right;
 473         margin-right: 10px;
 474 }
 475 #commitBtn:hover, #cancelBtn:hover, #lblDiffCommit:hover{
 476         cursor: hand; cursor: pointer;
 477 }
 478
 479 #waitCommit { /*--Masque opaque noir de fond--*/
 480         display: none;
 481         top: 40%; left: 40%;
 482         z-index: 99999;
 483 }
 484 #fade { /*--Masque opaque noir de fond--*/
 485         display: none; /*--masqué par défaut--*/
 486         background: #000;
 487         position: fixed; left: 0; top: 0;
 488         width: 100%; height: 100%;
 489         opacity: .80;
 490         z-index: 9999;
 491 }
 492 #modal{
 493         display: none; /*--masqué par défaut--*/
 494         background: #fff;
 495         padding: 20px;
 496         border: 3px solid #ddd;
 497         float: left;
 498         font-size: 1.2em;
 499         position: fixed;
 500         top: 20%; left: 40%;
 501         z-index: 99999;
 502         /*--Les différentes définitions de Box Shadow en CSS3--*/
 503         -webkit-box-shadow: 0px 0px 20px #000;
 504         -moz-box-shadow: 0px 0px 20px #000;
 505         box-shadow: 0px 0px 20px #000;
 506         /*--Coins arrondis en CSS3--*/
 507         -webkit-border-radius: 10px;
 508         -moz-border-radius: 10px;
 509         border-radius: 10px;
 510 }
 511
 512 #modal #logginName{
 513         display: none; /*--masqué par défaut--*/
 514         background: #fff;
 515         padding: 20px;
 516         margin-bottom: 400px;
 517         font-size: 1.2em;
 518 }
 519
 520 #modalQuestion{
 521         display: none; /*--masqué par défaut--*/
 522         background: #fff;
 523         padding: 20px;
 524         border: 3px solid #ddd;
 525         float: left;
 526         font-size: 1.2em;
 527         position: fixed;
 528         top: 20%; left: 40%;
 529         z-index: 99999;
 530         /*--Les différentes définitions de Box Shadow en CSS3--*/
 531         -webkit-box-shadow: 0px 0px 20px #000;
 532         -moz-box-shadow: 0px 0px 20px #000;
 533         box-shadow: 0px 0px 20px #000;
 534         /*--Coins arrondis en CSS3--*/
 535         -webkit-border-radius: 10px;
 536         -moz-border-radius: 10px;
 537         border-radius: 10px;
 538 }
 539
 540 #btnCreateBranch, #btnCancelBranch{
 541         padding: 6px 7px;
 542         -moz-border-bottom-colors: none;
 543     -moz-border-left-colors: none;
 544     -moz-border-right-colors: none;
 545     -moz-border-top-colors: none;
 546     background-color: #F5F5F5;
 547     background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
 548     background-repeat: repeat-x;
 549     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
 550     border-image: none;
 551     border-radius: 4px 4px 4px 4px;
 552     border-style: solid;
 553     border-width: 1px;
 554     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 555     color: #333333;
 556     cursor: pointer;
 557     display: inline-block;
 558     font-size: 14px;
 559     line-height: 20px;
 560     margin-bottom: 0;
 561     padding: 4px 12px;
 562     text-align: center;
 563     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 564     vertical-align: middle;
 565     margin-top: 5%;
 566     margin-left: 10px;
 567
 568 }
 569
 570 #btnCreateBranch{
 571         margin-left: 35%;
 572 }
 573
 574 img.btn_close, img.btnCloseQuestion {
 575         float: right;
 576         margin: -35px -35px 0 0;
 577 }
 578 fieldset {
 579     margin-bottom: 20px;
 580 }
 581
 582 #login, #password, #commitMessage, #repoCommit, #branchName{
 583         border: 1px solid #ccc;
 584         padding: 6px 7px;
 585         outline: none;
 586         -moz-border-radius: 2px;
 587         -webkit-border-radius: 2px;
 588         border-radius: 2px;
 589         font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 590         color: #777;
 591         margin: 0;
 592         width: 210px;
 593         max-width: 100%;
 594         display: block;
 595         margin-bottom: 20px;
 596         background: #fff;
 597 }
 598
 599 .connect-button a{
 600         display: block;
 601         cursor: pointer;
 602         margin: 0 0 20px 0;
 603         background-color: #92C929;
 604         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
 605         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
 606         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
 607         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
 608         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
 609         background-image:         linear-gradient(top, #92C929, #1d7900);
 610         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
 611         border-radius: 4px;
 612         -moz-border-radius: 4px;
 613         -webkit-border-radius: 4px;
 614         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 615         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 616         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 617         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 618         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 619         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 620         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 621         border: 1px solid #1d7900;
 622         color: #fff;
 623         font-weight: 300;
 624         font-size: 14px;
 625         padding: 5px 7px 5px 7px;
 626         text-align: center;
 627         margin-top: 0px;
 628 }
 629
 630 .connect-button a:hover{
 631     background-image: -webkit-gradient(linear, left top, left bottom, from(#9AD42C), to(#1d7900)); /* Saf4+, Chrome */
 632     background-image: -webkit-linear-gradient(top, #9AD42C, #1d7900); /* Chrome 10+, Saf5.1+ */
 633     background-image:    -moz-linear-gradient(top, #9AD42C, #1d7900); /* FF3.6 */
 634     background-image:     -ms-linear-gradient(top, #9AD42C, #1d7900); /* IE10 */
 635     background-image:      -o-linear-gradient(top, #9AD42C, #1d7900); /* Opera 11.10+ */
 636     background-image:         linear-gradient(top, #92C929, #1d7900);
 637     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9AD42C', EndColorStr='#1d7900'); /* IE6–IE9 */
 638 }
 639
 640 .connect-button a:active{
 641     background-image: -webkit-gradient(linear, left top, left bottom, from(#73BD39), to(#1d7900)); /* Saf4+, Chrome */
 642     background-image: -webkit-linear-gradient(top, #73BD39, #1d7900); /* Chrome 10+, Saf5.1+ */
 643     background-image:    -moz-linear-gradient(top, #73BD39, #1d7900); /* FF3.6 */
 644     background-image:     -ms-linear-gradient(top, #73BD39, #1d7900); /* IE10 */
 645     background-image:      -o-linear-gradient(top, #73BD39, #1d7900); /* Opera 11.10+ */
 646     background-image:         linear-gradient(top, #73BD39, #1d7900);
 647     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73BD39', EndColorStr='#1d7900'); /* IE6–IE9 */
 648 }
 649
 650 .connect-button a strong{
 651     color: #fff;
 652     font-weight: 600;
 653 }
 654
 655 .connect-button a:hover{
 656     text-decoration: none;
 657 }
 658
 659 .connect-button a img{
 660     margin-right: 7px;
 661     margin-bottom: -3px;
 662     height: 16px;
 663     width: 16px;
 664 }
 665
 666 .popover a:hover {
 667         color: #333;
 668         cursor: hand; cursor: pointer;
 669 }
 670
 671 .popover a {
 672         color: #0D8921;
 673         margin-bottom: 10px;
 674 }
 675
 676 .popover {
 677         position: absolute;
 678         width : 220px;
 679         height:280px;
 680         margin-left: -185px;
 681         z-index: 1010;
 682         display: block;
 683         max-width: 276px;
 684         padding: 1px;
 685         text-align: left;
 686         white-space: normal;
 687         background-color: #ffffff;
 688         border: 1px solid #ccc;
 689         border: 1px solid rgba(0, 0, 0, 0.2);
 690         -webkit-border-radius: 6px;
 691          -moz-border-radius: 6px;
 692               border-radius: 6px;
 693         -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 694          -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 695               box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 696         -webkit-background-clip: padding-box;
 697          -moz-background-clip: padding;
 698               background-clip: padding-box;
 699 }
 700
 701 .popover.bottom {
 702         margin-top: 10px;
 703 }
 704
 705 .popover-title {
 706         padding: 8px 14px;
 707         margin: 0;
 708         font-size: 14px;
 709         font-weight: normal;
 710         line-height: 18px;
 711         background-color: #f7f7f7;
 712         border-bottom: 1px solid #ebebeb;
 713         -webkit-border-radius: 5px 5px 0 0;
 714          -moz-border-radius: 5px 5px 0 0;
 715               border-radius: 5px 5px 0 0;
 716 }
 717
 718 .popover-title:empty {
 719         display: none;
 720 }
 721
 722 .popover-content {
 723         padding: 9px 14px;
 724 }
 725
 726 .popover .arrow,
 727 .popover .arrow:after {
 728         position: absolute;
 729         display: block;
 730         width: 0;
 731         height: 0;
 732         border-color: transparent;
 733         border-style: solid;
 734 }
 735
 736 .popover .arrow {
 737         border-width: 11px;
 738 }
 739
 740 .popover .arrow:after {
 741         border-width: 10px;
 742         content: "";
 743 }
 744
 745 .popover.bottom .arrow {
 746         top: -11px;
 747         left: 50%;
 748         margin-left: 72px;
 749         border-bottom-color: #999;
 750         border-bottom-color: rgba(0, 0, 0, 0.25);
 751         border-top-width: 0;
 752 }
 753
 754 .popover.bottom .arrow:after {
 755         top: 1px;
 756         margin-left: -10px;
 757         border-bottom-color: #ffffff;
 758         border-top-width: 0;
 759 }
 760
 761 #logGitHub{
 762         cursor: hand; cursor: pointer;
 763         height: 17px;
 764         width: 17px;
 765 }
 766
 767 #liGitHub{
 768         float:right;
 769         margin-top:-4px;
 770         height: 20px;
 771 }
 772
 773 #liGitHub input {
 774         margin: 4px 10px 5px 10px;
 775         color: black;
 776         font-style: normal;
 777         font-size: 12px;
 778         border: 1px solid #CCC;
 779 }
 780
 781 #lbloginGit, #lbpasswordGit, #lbrepositoryGit, #lbbranchGit, #lblSignedOff{
 782         color: black;
 783         font-style: normal;
 784         margin-left: 10px;
 785         margin-top: 10px;
 786 }
 787 #logginMessage , #lbBranches{
 788         color: black;
 789         font-style: normal;
 790         text-align: center;
 791         margin-top: 10px;
 792 }
 793
 794 #divlogIn{
 795         text-align: center;
 796 }
 797
 798 #signIn{
 799         display: block;
 800         cursor: pointer;
 801         margin: 2px 10px 5px 10px;
 802         background-color: #92C929;
 803         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
 804         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
 805         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
 806         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
 807         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
 808         background-image:         linear-gradient(top, #92C929, #1d7900);
 809         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
 810         border-radius: 4px;
 811         -moz-border-radius: 4px;
 812         -webkit-border-radius: 4px;
 813         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 814         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 815         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 816         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 817         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 818         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 819         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 820         border: 1px solid #1d7900;
 821         color: #fff;
 822         font-weight: 300;
 823         font-size: 14px;
 824         padding: 5px 7px 5px 7px;
 825         text-align: center;
 826 }
 827
 828 #passwordGit, #loginGit, #repositoryGit, #branchGit, #signedOff{
 829         height:30px;
 830         width: 200px;
 831 }
 832
 833 #imgGitHub{
 834         width:20px;
 835 }
 836
 837 #dropBranches{
 838         font-size: 12px;
 839         height:20px;
 840 }
 841
 842 #listBranches, #divGitHubRepoDisplay{
 843         color: #000000;
 844         display:block;
 845         text-align:center;
 846         margin-top: 15px;
 847         margin-bottom: 15px;
 848 }
 849
 850 .githubTitle{
 851         text-align:center;
 852 }
 853
 854 #preSave{
 855         display: none;
 856 }
 857
 858 .noComment {
 859         padding: 5px;
 860 }
 861
 862 a.newComment {
 863         padding: 5px;
 864         color: #0D8921;
 865         display: block;
 866         margin: 1em 0px;
 867 }
 868 a.newComment: hover {
 869         color: #333;
 870 }